#31546b hex color

In a RGB color space, hex #31546b is composed of 19.2% red, 32.9% green and 42% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 21.5% magenta, 0% yellow and 58% black. It has a hue angle of 203.8 degrees, a saturation of 37.2% and a lightness of 30.6%. #31546b color hex could be obtained by blending #62a8d6 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #31546b has RGB values of R:49, G:84, B:107 and CMYK values of C:0.54, M:0.21, Y:0, K:0.58. Its decimal value is 3232875.

Hex triplet	31546b	`#31546b`
RGB Decimal	49, 84, 107	`rgb(49,84,107)`
RGB Percent	19.2, 32.9, 42	`rgb(19.2%,32.9%,42%)`
CMYK	54, 21, 0, 58
HSL	203.8°, 37.2, 30.6	`hsl(203.8,37.2%,30.6%)`
HSV (or HSB)	203.8°, 54.2, 42
Web Safe	336666	`#336666`

CIE-LAB	34.097, -5.455, -17.127
XYZ	7.09, 8.055, 15.09
xyY	0.235, 0.266, 8.055
CIE-LCH	34.097, 17.974, 252.334
CIE-LUV	34.097, -15.105, -22.049
Hunter-Lab	28.381, -5.073, -11.658
Binary	00110001, 01010100, 01101011

#31546b
```
#31546b rgb(49,84,107)
```
#6b4831
```
#6b4831 rgb(107,72,49)
```

Complementary Color

#316b65
```
#316b65 rgb(49,107,101)
```
#31546b
```
#31546b rgb(49,84,107)
```
#31376b
```
#31376b rgb(49,55,107)
```

Analogous Color

#6b6531
```
#6b6531 rgb(107,101,49)
```
#31546b
```
#31546b rgb(49,84,107)
```
#6b3137
```
#6b3137 rgb(107,49,55)
```

Split Complementary Color

#546b31
```
#546b31 rgb(84,107,49)
```
#31546b
```
#31546b rgb(49,84,107)
```
#6b3154
```
#6b3154 rgb(107,49,84)
```

Triadic Color

#316b48
```
#316b48 rgb(49,107,72)
```
#31546b
```
#31546b rgb(49,84,107)
```
#6b3154
```
#6b3154 rgb(107,49,84)
```
#6b4831
```
#6b4831 rgb(107,72,49)
```

Tetradic Color

#192b37
```
#192b37 rgb(25,43,55)
```
#213948
```
#213948 rgb(33,57,72)
```
#29465a
```
#29465a rgb(41,70,90)
```
#31546b
```
#31546b rgb(49,84,107)
```
#39627c
```
#39627c rgb(57,98,124)
```
#416f8e
```
#416f8e rgb(65,111,142)
```
#497d9f
```
#497d9f rgb(73,125,159)
```

Monochromatic Color

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

#31636b
```
#31636b rgb(49,99,107)
```
#315e6b
```
#315e6b rgb(49,94,107)
```
#31596b
```
#31596b rgb(49,89,107)
```
#31546b
```
#31546b rgb(49,84,107)
```
#314f6b
```
#314f6b rgb(49,79,107)
```
#314a6b
```
#314a6b rgb(49,74,107)
```
#31466b
```
#31466b rgb(49,70,107)
```

Similar Colors

Text with hexadecimal color #31546b

This text has a font color of #31546b.

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

#31546b background color

This paragraph has a background color of #31546b.

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

#31546b border color

This element has a border color of #31546b.

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

CSS codes

.text {color:#31546b;}

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

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

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, #060a0d is the darkest color, while #feffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c151a
```
#0c151a rgb(12,21,26)
```
#121f28
```
#121f28 rgb(18,31,40)
```
#182a35
```
#182a35 rgb(24,42,53)
```
#1f3443
```
#1f3443 rgb(31,52,67)
```
#253f50
```
#253f50 rgb(37,63,80)
```
#2b495e
```
#2b495e rgb(43,73,94)
```
#31546b
```
#31546b rgb(49,84,107)
```
#375f78
```
#375f78 rgb(55,95,120)
```
#3d6986
```
#3d6986 rgb(61,105,134)
```
#437493
```
#437493 rgb(67,116,147)
```
#4a7ea1
```
#4a7ea1 rgb(74,126,161)
```
#5089ae
```
#5089ae rgb(80,137,174)
```

Shade Color Variation

#5d92b5
```
#5d92b5 rgb(93,146,181)
```
#6a9bbb
```
#6a9bbb rgb(106,155,187)
```
#78a4c1
```
#78a4c1 rgb(120,164,193)
```
#85adc7
```
#85adc7 rgb(133,173,199)
```
#93b6cd
```
#93b6cd rgb(147,182,205)
```
#a0bfd4
```
#a0bfd4 rgb(160,191,212)
```
#aec8da
```
#aec8da rgb(174,200,218)
```
#bbd1e0
```
#bbd1e0 rgb(187,209,224)
```
#c9dae6
```
#c9dae6 rgb(201,218,230)
```
#d6e3ec
```
#d6e3ec rgb(214,227,236)
```
#e3ecf2
```
#e3ecf2 rgb(227,236,242)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#494f53
```
#494f53 rgb(73,79,83)
```
#435059
```
#435059 rgb(67,80,89)
```
#3d525f
```
#3d525f rgb(61,82,95)
```
#375365
```
#375365 rgb(55,83,101)
```
#31546b
```
#31546b rgb(49,84,107)
```
#2b5571
```
#2b5571 rgb(43,85,113)
```
#255677
```
#255677 rgb(37,86,119)
```
#1f587d
```
#1f587d rgb(31,88,125)
```
#195983
```
#195983 rgb(25,89,131)
```
#135a89
```
#135a89 rgb(19,90,137)
```
#0d5b8f
```
#0d5b8f rgb(13,91,143)
```
#075d95
```
#075d95 rgb(7,93,149)
```
#015e9b
```
#015e9b rgb(1,94,155)
```

Tone Color Variation

Below, you can see how #31546b 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

#52586f Protanopia 1% of men
#515874 Deuteranopia 1% of men
#365f66 Tritanopia 0.001% of the population

Trichromacy

#46566e Protanomaly 1% of men, 0.01% of women
#455671 Deuteranomaly 6% of men, 0.4% of women
#345b67 Tritanomaly 0.01% of the population

#31546b hex color

#31546b Color Information

#31546b Color Conversion

Color Schemes with #31546b

Alternatives to #31546b

#31546b Preview

Shades and Tints of #31546b

Tones of #31546b

Color Blindness Simulator