#31373c hex color

In a RGB color space, hex #31373c is composed of 19.2% red, 21.6% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 8.3% magenta, 0% yellow and 76.5% black. It has a hue angle of 207.3 degrees, a saturation of 10.1% and a lightness of 21.4%. #31373c color hex could be obtained by blending #626e78 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #31373c has RGB values of R:49, G:55, B:60 and CMYK values of C:0.18, M:0.08, Y:0, K:0.76. Its decimal value is 3225404.

Hex triplet	31373c	`#31373c`
RGB Decimal	49, 55, 60	`rgb(49,55,60)`
RGB Percent	19.2, 21.6, 23.5	`rgb(19.2%,21.6%,23.5%)`
CMYK	18, 8, 0, 76
HSL	207.3°, 10.1, 21.4	`hsl(207.3,10.1%,21.4%)`
HSV (or HSB)	207.3°, 18.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	22.694, -1.262, -3.985
XYZ	3.448, 3.712, 4.809
xyY	0.288, 0.31, 3.712
CIE-LCH	22.694, 4.18, 252.431
CIE-LUV	22.694, -3.041, -4.18
Hunter-Lab	19.265, -1.765, -1.316
Binary	00110001, 00110111, 00111100

#31373c
```
#31373c rgb(49,55,60)
```
#3c3631
```
#3c3631 rgb(60,54,49)
```

Complementary Color

#313c3c
```
#313c3c rgb(49,60,60)
```
#31373c
```
#31373c rgb(49,55,60)
```
#31323c
```
#31323c rgb(49,50,60)
```

Analogous Color

#3c3c31
```
#3c3c31 rgb(60,60,49)
```
#31373c
```
#31373c rgb(49,55,60)
```
#3c3132
```
#3c3132 rgb(60,49,50)
```

Split Complementary Color

#373c31
```
#373c31 rgb(55,60,49)
```
#31373c
```
#31373c rgb(49,55,60)
```
#3c3137
```
#3c3137 rgb(60,49,55)
```

Triadic Color

#313c36
```
#313c36 rgb(49,60,54)
```
#31373c
```
#31373c rgb(49,55,60)
```
#3c3137
```
#3c3137 rgb(60,49,55)
```
#3c3631
```
#3c3631 rgb(60,54,49)
```

Tetradic Color

#0f1012
```
#0f1012 rgb(15,16,18)
```
#1a1d20
```
#1a1d20 rgb(26,29,32)
```
#262a2e
```
#262a2e rgb(38,42,46)
```
#31373c
```
#31373c rgb(49,55,60)
```
#3c444a
```
#3c444a rgb(60,68,74)
```
#485158
```
#485158 rgb(72,81,88)
```
#535e66
```
#535e66 rgb(83,94,102)
```

Monochromatic Color

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

#313a3c
```
#313a3c rgb(49,58,60)
```
#31393c
```
#31393c rgb(49,57,60)
```
#31383c
```
#31383c rgb(49,56,60)
```
#31373c
```
#31373c rgb(49,55,60)
```
#31363c
```
#31363c rgb(49,54,60)
```
#31353c
```
#31353c rgb(49,53,60)
```
#31343c
```
#31343c rgb(49,52,60)
```

Similar Colors

Text with hexadecimal color #31373c

This text has a font color of #31373c.

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

#31373c background color

This paragraph has a background color of #31373c.

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

#31373c border color

This element has a border color of #31373c.

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

CSS codes

.text {color:#31373c;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e0f11
```
#0e0f11 rgb(14,15,17)
```
#17191c
```
#17191c rgb(23,25,28)
```
#1f2326
```
#1f2326 rgb(31,35,38)
```
#282d31
```
#282d31 rgb(40,45,49)
```
#31373c
```
#31373c rgb(49,55,60)
```
#3a4147
```
#3a4147 rgb(58,65,71)
```
#434b52
```
#434b52 rgb(67,75,82)
```
#4b555c
```
#4b555c rgb(75,85,92)
```
#545f67
```
#545f67 rgb(84,95,103)
```
#5d6872
```
#5d6872 rgb(93,104,114)
```
#66727d
```
#66727d rgb(102,114,125)
```
#6f7c88
```
#6f7c88 rgb(111,124,136)
```

Shade Color Variation

#798691
```
#798691 rgb(121,134,145)
```
#83909a
```
#83909a rgb(131,144,154)
```
#8e9aa3
```
#8e9aa3 rgb(142,154,163)
```
#99a3ac
```
#99a3ac rgb(153,163,172)
```
#a4adb5
```
#a4adb5 rgb(164,173,181)
```
#afb7bd
```
#afb7bd rgb(175,183,189)
```
#b9c0c6
```
#b9c0c6 rgb(185,192,198)
```
#c4cacf
```
#c4cacf rgb(196,202,207)
```
#cfd4d8
```
#cfd4d8 rgb(207,212,216)
```
#dadee1
```
#dadee1 rgb(218,222,225)
```
#e5e7e9
```
#e5e7e9 rgb(229,231,233)
```
#eff1f2
```
#eff1f2 rgb(239,241,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #353738 is the less saturated color, while #033b6a is the most saturated one.

#353738
```
#353738 rgb(53,55,56)
```
#31373c
```
#31373c rgb(49,55,60)
```
#2d3740
```
#2d3740 rgb(45,55,64)
```
#293844
```
#293844 rgb(41,56,68)
```
#243849
```
#243849 rgb(36,56,73)
```
#20394d
```
#20394d rgb(32,57,77)
```
#1c3951
```
#1c3951 rgb(28,57,81)
```
#183955
```
#183955 rgb(24,57,85)
```
#143a59
```
#143a59 rgb(20,58,89)
```
#0f3a5e
```
#0f3a5e rgb(15,58,94)
```
#0b3a62
```
#0b3a62 rgb(11,58,98)
```
#073b66
```
#073b66 rgb(7,59,102)
```
#033b6a
```
#033b6a rgb(3,59,106)
```

Tone Color Variation

Below, you can see how #31373c 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
#353637 Atypical Achromatopsia 0.001% of the population

Dichromacy

#404045 Protanopia 1% of men
#433f46 Deuteranopia 1% of men
#3b4146 Tritanopia 0.001% of the population

Trichromacy

#3a3c42 Protanomaly 1% of men, 0.01% of women
#3c3c42 Deuteranomaly 6% of men, 0.4% of women
#373d42 Tritanomaly 0.01% of the population

#31373c hex color

#31373c Color Information

#31373c Color Conversion

Color Schemes with #31373c

Alternatives to #31373c

#31373c Preview

Shades and Tints of #31373c

Tones of #31373c

Color Blindness Simulator