#31546c hex color

In a RGB color space, hex #31546c is composed of 19.2% red, 32.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 22.2% magenta, 0% yellow and 57.6% black. It has a hue angle of 204.4 degrees, a saturation of 37.6% and a lightness of 30.8%. #31546c color hex could be obtained by blending #62a8d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 42
RGB color chart
- C 55
- M 22
- Y 0
- K 58
CMYK color chart

● #31546c color description : Very dark desaturated blue.

The hexadecimal color #31546c has RGB values of R:49, G:84, B:108 and CMYK values of C:0.55, M:0.22, Y:0, K:0.58. Its decimal value is 3232876.

Hex triplet	31546c	`#31546c`
RGB Decimal	49, 84, 108	`rgb(49,84,108)`
RGB Percent	19.2, 32.9, 42.4	`rgb(19.2%,32.9%,42.4%)`
CMYK	55, 22, 0, 58
HSL	204.4°, 37.6, 30.8	`hsl(204.4,37.6%,30.8%)`
HSV (or HSB)	204.4°, 54.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	34.14, -5.121, -17.685
XYZ	7.143, 8.076, 15.369
xyY	0.234, 0.264, 8.076
CIE-LCH	34.14, 18.411, 253.849
CIE-LUV	34.14, -15.089, -22.878
Hunter-Lab	28.418, -4.865, -12.172
Binary	00110001, 01010100, 01101100

#31546c
```
#31546c rgb(49,84,108)
```
#6c4931
```
#6c4931 rgb(108,73,49)
```

Complementary Color

#316c67
```
#316c67 rgb(49,108,103)
```
#31546c
```
#31546c rgb(49,84,108)
```
#31376c
```
#31376c rgb(49,55,108)
```

Analogous Color

#6c6731
```
#6c6731 rgb(108,103,49)
```
#31546c
```
#31546c rgb(49,84,108)
```
#6c3137
```
#6c3137 rgb(108,49,55)
```

Split Complementary Color

#546c31
```
#546c31 rgb(84,108,49)
```
#31546c
```
#31546c rgb(49,84,108)
```
#6c3154
```
#6c3154 rgb(108,49,84)
```

Triadic Color

#316c49
```
#316c49 rgb(49,108,73)
```
#31546c
```
#31546c rgb(49,84,108)
```
#6c3154
```
#6c3154 rgb(108,49,84)
```
#6c4931
```
#6c4931 rgb(108,73,49)
```

Tetradic Color

#192b37
```
#192b37 rgb(25,43,55)
```
#213949
```
#213949 rgb(33,57,73)
```
#29465a
```
#29465a rgb(41,70,90)
```
#31546c
```
#31546c rgb(49,84,108)
```
#39627e
```
#39627e rgb(57,98,126)
```
#416f8f
```
#416f8f rgb(65,111,143)
```
#497da1
```
#497da1 rgb(73,125,161)
```

Monochromatic Color

Below, you can see some colors close to #31546c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#31636c
```
#31636c rgb(49,99,108)
```
#315e6c
```
#315e6c rgb(49,94,108)
```
#31596c
```
#31596c rgb(49,89,108)
```
#31546c
```
#31546c rgb(49,84,108)
```
#314f6c
```
#314f6c rgb(49,79,108)
```
#314a6c
```
#314a6c rgb(49,74,108)
```
#31456c
```
#31456c rgb(49,69,108)
```

Similar Colors

Text with hexadecimal color #31546c

This text has a font color of #31546c.

<span style="color:#31546c;">Text here</span>

#31546c background color

This paragraph has a background color of #31546c.

<p style="background-color:#31546c;">Content here</p>

#31546c border color

This element has a border color of #31546c.

<div style="border:1px solid #31546c;">Content here</div>

CSS codes

.text {color:#31546c;}

.background {background-color:#31546c;}

.border {border:1px solid #31546c;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #f2f6f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0c151b
```
#0c151b rgb(12,21,27)
```
#122029
```
#122029 rgb(18,32,41)
```
#192a36
```
#192a36 rgb(25,42,54)
```
#1f3544
```
#1f3544 rgb(31,53,68)
```
#253f51
```
#253f51 rgb(37,63,81)
```
#2b4a5f
```
#2b4a5f rgb(43,74,95)
```
#31546c
```
#31546c rgb(49,84,108)
```
#375e79
```
#375e79 rgb(55,94,121)
```
#3d6987
```
#3d6987 rgb(61,105,135)
```
#437394
```
#437394 rgb(67,115,148)
```
#497ea2
```
#497ea2 rgb(73,126,162)
```

Shade Color Variation

#5088af
```
#5088af rgb(80,136,175)
```
#5d92b6
```
#5d92b6 rgb(93,146,182)
```
#6b9bbc
```
#6b9bbc rgb(107,155,188)
```
#78a4c2
```
#78a4c2 rgb(120,164,194)
```
#86adc8
```
#86adc8 rgb(134,173,200)
```
#93b6ce
```
#93b6ce rgb(147,182,206)
```
#a1bfd4
```
#a1bfd4 rgb(161,191,212)
```
#aec8da
```
#aec8da rgb(174,200,218)
```
#bcd1e0
```
#bcd1e0 rgb(188,209,224)
```
#c9dbe7
```
#c9dbe7 rgb(201,219,231)
```
#d7e4ed
```
#d7e4ed rgb(215,228,237)
```
#e4edf3
```
#e4edf3 rgb(228,237,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494f54 is the less saturated color, while #015d9c is the most saturated one.

#494f54
```
#494f54 rgb(73,79,84)
```
#43515a
```
#43515a rgb(67,81,90)
```
#3d5260
```
#3d5260 rgb(61,82,96)
```
#375366
```
#375366 rgb(55,83,102)
```
#31546c
```
#31546c rgb(49,84,108)
```
#2b5572
```
#2b5572 rgb(43,85,114)
```
#255678
```
#255678 rgb(37,86,120)
```
#1f577e
```
#1f577e rgb(31,87,126)
```
#195984
```
#195984 rgb(25,89,132)
```
#135a8a
```
#135a8a rgb(19,90,138)
```
#0d5b90
```
#0d5b90 rgb(13,91,144)
```
#075c96
```
#075c96 rgb(7,92,150)
```
#015d9c
```
#015d9c rgb(1,93,156)
```

Tone Color Variation

Below, you can see how #31546c is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4c4c4c Achromatopsia 0.005% of the population
#474e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525870 Protanopia 1% of men
#505875 Deuteranopia 1% of men
#355f66 Tritanopia 0.001% of the population

Trichromacy

#46566f Protanomaly 1% of men, 0.01% of women
#455672 Deuteranomaly 6% of men, 0.4% of women
#345b68 Tritanomaly 0.01% of the population

#31546c hex color

#31546c Color Information

#31546c Color Conversion

Color Schemes with #31546c

Alternatives to #31546c

#31546c Preview

Shades and Tints of #31546c

Tones of #31546c

Color Blindness Simulator