#31373e hex color

In a RGB color space, hex #31373e is composed of 19.2% red, 21.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 11.3% magenta, 0% yellow and 75.7% black. It has a hue angle of 212.3 degrees, a saturation of 11.7% and a lightness of 21.8%. #31373e color hex could be obtained by blending #626e7c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 22
- B 24
RGB color chart
- C 21
- M 11
- Y 0
- K 76
CMYK color chart

● #31373e color description : Very dark grayish blue.

The hexadecimal color #31373e has RGB values of R:49, G:55, B:62 and CMYK values of C:0.21, M:0.11, Y:0, K:0.76. Its decimal value is 3225406.

Hex triplet	31373e	`#31373e`
RGB Decimal	49, 55, 62	`rgb(49,55,62)`
RGB Percent	19.2, 21.6, 24.3	`rgb(19.2%,21.6%,24.3%)`
CMYK	21, 11, 0, 76
HSL	212.3°, 11.7, 21.8	`hsl(212.3,11.7%,21.8%)`
HSV (or HSB)	212.3°, 21, 24.3
Web Safe	333333	`#333333`

CIE-LAB	22.769, -0.726, -5.22
XYZ	3.502, 3.733, 5.093
xyY	0.284, 0.303, 3.733
CIE-LCH	22.769, 5.27, 262.08
CIE-LUV	22.769, -3.109, -5.635
Hunter-Lab	19.321, -1.457, -2.104
Binary	00110001, 00110111, 00111110

#31373e
```
#31373e rgb(49,55,62)
```
#3e3831
```
#3e3831 rgb(62,56,49)
```

Complementary Color

#313e3e
```
#313e3e rgb(49,62,62)
```
#31373e
```
#31373e rgb(49,55,62)
```
#32313e
```
#32313e rgb(50,49,62)
```

Analogous Color

#3e3e31
```
#3e3e31 rgb(62,62,49)
```
#31373e
```
#31373e rgb(49,55,62)
```
#3e3231
```
#3e3231 rgb(62,50,49)
```

Split Complementary Color

#373e31
```
#373e31 rgb(55,62,49)
```
#31373e
```
#31373e rgb(49,55,62)
```
#3e3137
```
#3e3137 rgb(62,49,55)
```

Triadic Color

#313e38
```
#313e38 rgb(49,62,56)
```
#31373e
```
#31373e rgb(49,55,62)
```
#3e3137
```
#3e3137 rgb(62,49,55)
```
#3e3831
```
#3e3831 rgb(62,56,49)
```

Tetradic Color

#0f1113
```
#0f1113 rgb(15,17,19)
```
#1a1e22
```
#1a1e22 rgb(26,30,34)
```
#262a30
```
#262a30 rgb(38,42,48)
```
#31373e
```
#31373e rgb(49,55,62)
```
#3c444c
```
#3c444c rgb(60,68,76)
```
#48505a
```
#48505a rgb(72,80,90)
```
#535d69
```
#535d69 rgb(83,93,105)
```

Monochromatic Color

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

#313a3e
```
#313a3e rgb(49,58,62)
```
#31393e
```
#31393e rgb(49,57,62)
```
#31383e
```
#31383e rgb(49,56,62)
```
#31373e
```
#31373e rgb(49,55,62)
```
#31363e
```
#31363e rgb(49,54,62)
```
#31353e
```
#31353e rgb(49,53,62)
```
#31343e
```
#31343e rgb(49,52,62)
```

Similar Colors

Text with hexadecimal color #31373e

This text has a font color of #31373e.

<span style="color:#31373e;">Text here</span>

#31373e background color

This paragraph has a background color of #31373e.

<p style="background-color:#31373e;">Content here</p>

#31373e border color

This element has a border color of #31373e.

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

CSS codes

.text {color:#31373e;}

.background {background-color:#31373e;}

.border {border:1px solid #31373e;}

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, #060607 is the darkest color, while #fbfcfc is the lightest one.

#060607
```
#060607 rgb(6,6,7)
```
#0e1012
```
#0e1012 rgb(14,16,18)
```
#171a1d
```
#171a1d rgb(23,26,29)
```
#202428
```
#202428 rgb(32,36,40)
```
#282d33
```
#282d33 rgb(40,45,51)
```
#31373e
```
#31373e rgb(49,55,62)
```
#3a4149
```
#3a4149 rgb(58,65,73)
```
#424a54
```
#424a54 rgb(66,74,84)
```
#4b545f
```
#4b545f rgb(75,84,95)
```
#545e6a
```
#545e6a rgb(84,94,106)
```
#5c6875
```
#5c6875 rgb(92,104,117)
```
#657180
```
#657180 rgb(101,113,128)
```
#6e7b8b
```
#6e7b8b rgb(110,123,139)
```

Shade Color Variation

#788594
```
#788594 rgb(120,133,148)
```
#838f9d
```
#838f9d rgb(131,143,157)
```
#8e99a5
```
#8e99a5 rgb(142,153,165)
```
#99a3ae
```
#99a3ae rgb(153,163,174)
```
#a4acb7
```
#a4acb7 rgb(164,172,183)
```
#afb6bf
```
#afb6bf rgb(175,182,191)
```
#bac0c8
```
#bac0c8 rgb(186,192,200)
```
#c4cad1
```
#c4cad1 rgb(196,202,209)
```
#cfd4d9
```
#cfd4d9 rgb(207,212,217)
```
#dadee2
```
#dadee2 rgb(218,222,226)
```
#e5e8eb
```
#e5e8eb rgb(229,232,235)
```
#f0f2f3
```
#f0f2f3 rgb(240,242,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #35373a is the less saturated color, while #02336d is the most saturated one.

#35373a
```
#35373a rgb(53,55,58)
```
#31373e
```
#31373e rgb(49,55,62)
```
#2d3742
```
#2d3742 rgb(45,55,66)
```
#283647
```
#283647 rgb(40,54,71)
```
#24364b
```
#24364b rgb(36,54,75)
```
#20364f
```
#20364f rgb(32,54,79)
```
#1c3553
```
#1c3553 rgb(28,53,83)
```
#173558
```
#173558 rgb(23,53,88)
```
#13355c
```
#13355c rgb(19,53,92)
```
#0f3460
```
#0f3460 rgb(15,52,96)
```
#0b3464
```
#0b3464 rgb(11,52,100)
```
#063469
```
#063469 rgb(6,52,105)
```
#02336d
```
#02336d rgb(2,51,109)
```

Tone Color Variation

Below, you can see how #31373e 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

#363636 Achromatopsia 0.005% of the population
#353638 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4047 Protanopia 1% of men
#423f48 Deuteranopia 1% of men
#3b4146 Tritanopia 0.001% of the population

Trichromacy

#3a3c44 Protanomaly 1% of men, 0.01% of women
#3c3c44 Deuteranomaly 6% of men, 0.4% of women
#373d43 Tritanomaly 0.01% of the population

#31373e hex color

#31373e Color Information

#31373e Color Conversion

Color Schemes with #31373e

Alternatives to #31373e

#31373e Preview

Shades and Tints of #31373e

Tones of #31373e

Color Blindness Simulator