#31393c hex color

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

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

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

The hexadecimal color #31393c has RGB values of R:49, G:57, B:60 and CMYK values of C:0.18, M:0.05, Y:0, K:0.76. Its decimal value is 3225916.

Hex triplet	31393c	`#31393c`
RGB Decimal	49, 57, 60	`rgb(49,57,60)`
RGB Percent	19.2, 22.4, 23.5	`rgb(19.2%,22.4%,23.5%)`
CMYK	18, 5, 0, 76
HSL	196.4°, 10.1, 21.4	`hsl(196.4,10.1%,21.4%)`
HSV (or HSB)	196.4°, 18.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	23.356, -2.58, -3.001
XYZ	3.545, 3.905, 4.842
xyY	0.288, 0.318, 3.905
CIE-LCH	23.356, 3.957, 229.314
CIE-LUV	23.356, -3.898, -2.971
Hunter-Lab	19.762, -2.562, -0.693
Binary	00110001, 00111001, 00111100

#31393c
```
#31393c rgb(49,57,60)
```
#3c3431
```
#3c3431 rgb(60,52,49)
```

Complementary Color

#313c3a
```
#313c3a rgb(49,60,58)
```
#31393c
```
#31393c rgb(49,57,60)
```
#31343c
```
#31343c rgb(49,52,60)
```

Analogous Color

#3c3a31
```
#3c3a31 rgb(60,58,49)
```
#31393c
```
#31393c rgb(49,57,60)
```
#3c3134
```
#3c3134 rgb(60,49,52)
```

Split Complementary Color

#393c31
```
#393c31 rgb(57,60,49)
```
#31393c
```
#31393c rgb(49,57,60)
```
#3c3139
```
#3c3139 rgb(60,49,57)
```

Triadic Color

#313c34
```
#313c34 rgb(49,60,52)
```
#31393c
```
#31393c rgb(49,57,60)
```
#3c3139
```
#3c3139 rgb(60,49,57)
```
#3c3431
```
#3c3431 rgb(60,52,49)
```

Tetradic Color

#0f1112
```
#0f1112 rgb(15,17,18)
```
#1a1e20
```
#1a1e20 rgb(26,30,32)
```
#262c2e
```
#262c2e rgb(38,44,46)
```
#31393c
```
#31393c rgb(49,57,60)
```
#3c464a
```
#3c464a rgb(60,70,74)
```
#485458
```
#485458 rgb(72,84,88)
```
#536166
```
#536166 rgb(83,97,102)
```

Monochromatic Color

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

#313c3c
```
#313c3c rgb(49,60,60)
```
#313b3c
```
#313b3c rgb(49,59,60)
```
#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)
```

Similar Colors

Text with hexadecimal color #31393c

This text has a font color of #31393c.

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

#31393c background color

This paragraph has a background color of #31393c.

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

#31393c border color

This element has a border color of #31393c.

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

CSS codes

.text {color:#31393c;}

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

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

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)
```
#0e1011
```
#0e1011 rgb(14,16,17)
```
#171a1c
```
#171a1c rgb(23,26,28)
```
#1f2426
```
#1f2426 rgb(31,36,38)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#31393c
```
#31393c rgb(49,57,60)
```
#3a4347
```
#3a4347 rgb(58,67,71)
```
#434e52
```
#434e52 rgb(67,78,82)
```
#4b585c
```
#4b585c rgb(75,88,92)
```
#546267
```
#546267 rgb(84,98,103)
```
#5d6c72
```
#5d6c72 rgb(93,108,114)
```
#66777d
```
#66777d rgb(102,119,125)
```
#6f8188
```
#6f8188 rgb(111,129,136)
```

Shade Color Variation

#798b91
```
#798b91 rgb(121,139,145)
```
#83949a
```
#83949a rgb(131,148,154)
```
#8e9da3
```
#8e9da3 rgb(142,157,163)
```
#99a7ac
```
#99a7ac rgb(153,167,172)
```
#a4b0b5
```
#a4b0b5 rgb(164,176,181)
```
#afb9bd
```
#afb9bd rgb(175,185,189)
```
#b9c3c6
```
#b9c3c6 rgb(185,195,198)
```
#c4cccf
```
#c4cccf rgb(196,204,207)
```
#cfd5d8
```
#cfd5d8 rgb(207,213,216)
```
#dadfe1
```
#dadfe1 rgb(218,223,225)
```
#e5e8e9
```
#e5e8e9 rgb(229,232,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 #034e6a is the most saturated one.

#353738
```
#353738 rgb(53,55,56)
```
#31393c
```
#31393c rgb(49,57,60)
```
#2d3b40
```
#2d3b40 rgb(45,59,64)
```
#293d44
```
#293d44 rgb(41,61,68)
```
#243f49
```
#243f49 rgb(36,63,73)
```
#20414d
```
#20414d rgb(32,65,77)
```
#1c4351
```
#1c4351 rgb(28,67,81)
```
#184455
```
#184455 rgb(24,68,85)
```
#144659
```
#144659 rgb(20,70,89)
```
#0f485e
```
#0f485e rgb(15,72,94)
```
#0b4a62
```
#0b4a62 rgb(11,74,98)
```
#074c66
```
#074c66 rgb(7,76,102)
```
#034e6a
```
#034e6a rgb(3,78,106)
```

Tone Color Variation

Below, you can see how #31393c 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

#373737 Achromatopsia 0.005% of the population
#363738 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424145 Protanopia 1% of men
#454047 Deuteranopia 1% of men
#3c4347 Tritanopia 0.001% of the population

Trichromacy

#3b3e41 Protanomaly 1% of men, 0.01% of women
#3e3d43 Deuteranomaly 6% of men, 0.4% of women
#383f43 Tritanomaly 0.01% of the population

#31393c hex color

#31393c Color Information

#31393c Color Conversion

Color Schemes with #31393c

Alternatives to #31393c

#31393c Preview

Shades and Tints of #31393c

Tones of #31393c

Color Blindness Simulator