#31474a hex color

In a RGB color space, hex #31474a is composed of 19.2% red, 27.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 4.1% magenta, 0% yellow and 71% black. It has a hue angle of 187.2 degrees, a saturation of 20.3% and a lightness of 24.1%. #31474a color hex could be obtained by blending #628e94 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 28
- B 29
RGB color chart
- C 34
- M 4
- Y 0
- K 71
CMYK color chart

● #31474a color description : Very dark grayish cyan.

The hexadecimal color #31474a has RGB values of R:49, G:71, B:74 and CMYK values of C:0.34, M:0.04, Y:0, K:0.71. Its decimal value is 3229514.

Hex triplet	31474a	`#31474a`
RGB Decimal	49, 71, 74	`rgb(49,71,74)`
RGB Percent	19.2, 27.8, 29	`rgb(19.2%,27.8%,29%)`
CMYK	34, 4, 0, 71
HSL	187.2°, 20.3, 24.1	`hsl(187.2,20.3%,24.1%)`
HSV (or HSB)	187.2°, 33.8, 29
Web Safe	333333	`#333333`

CIE-LAB	28.521, -7.659, -4.558
XYZ	4.756, 5.654, 7.319
xyY	0.268, 0.319, 5.654
CIE-LCH	28.521, 8.913, 210.758
CIE-LUV	28.521, -10.108, -4.47
Hunter-Lab	23.777, -5.91, -1.606
Binary	00110001, 01000111, 01001010

#31474a
```
#31474a rgb(49,71,74)
```
#4a3431
```
#4a3431 rgb(74,52,49)
```

Complementary Color

#314a41
```
#314a41 rgb(49,74,65)
```
#31474a
```
#31474a rgb(49,71,74)
```
#313b4a
```
#313b4a rgb(49,59,74)
```

Analogous Color

#4a4131
```
#4a4131 rgb(74,65,49)
```
#31474a
```
#31474a rgb(49,71,74)
```
#4a313b
```
#4a313b rgb(74,49,59)
```

Split Complementary Color

#474a31
```
#474a31 rgb(71,74,49)
```
#31474a
```
#31474a rgb(49,71,74)
```
#4a3147
```
#4a3147 rgb(74,49,71)
```

Triadic Color

#314a34
```
#314a34 rgb(49,74,52)
```
#31474a
```
#31474a rgb(49,71,74)
```
#4a3147
```
#4a3147 rgb(74,49,71)
```
#4a3431
```
#4a3431 rgb(74,52,49)
```

Tetradic Color

#131b1c
```
#131b1c rgb(19,27,28)
```
#1d2a2b
```
#1d2a2b rgb(29,42,43)
```
#27383b
```
#27383b rgb(39,56,59)
```
#31474a
```
#31474a rgb(49,71,74)
```
#3b5659
```
#3b5659 rgb(59,86,89)
```
#456469
```
#456469 rgb(69,100,105)
```
#4f7378
```
#4f7378 rgb(79,115,120)
```

Monochromatic Color

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

#314a47
```
#314a47 rgb(49,74,71)
```
#314a49
```
#314a49 rgb(49,74,73)
```
#31494a
```
#31494a rgb(49,73,74)
```
#31474a
```
#31474a rgb(49,71,74)
```
#31454a
```
#31454a rgb(49,69,74)
```
#31434a
```
#31434a rgb(49,67,74)
```
#31414a
```
#31414a rgb(49,65,74)
```

Similar Colors

Text with hexadecimal color #31474a

This text has a font color of #31474a.

<span style="color:#31474a;">Text here</span>

#31474a background color

This paragraph has a background color of #31474a.

<p style="background-color:#31474a;">Content here</p>

#31474a border color

This element has a border color of #31474a.

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

CSS codes

.text {color:#31474a;}

.background {background-color:#31474a;}

.border {border:1px solid #31474a;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0e0f
```
#0a0e0f rgb(10,14,15)
```
#121a1b
```
#121a1b rgb(18,26,27)
```
#1a2527
```
#1a2527 rgb(26,37,39)
```
#213032
```
#213032 rgb(33,48,50)
```
#293c3e
```
#293c3e rgb(41,60,62)
```
#31474a
```
#31474a rgb(49,71,74)
```
#395256
```
#395256 rgb(57,82,86)
```
#415e62
```
#415e62 rgb(65,94,98)
```
#48696d
```
#48696d rgb(72,105,109)
```
#507479
```
#507479 rgb(80,116,121)
```
#588085
```
#588085 rgb(88,128,133)
```
#608b91
```
#608b91 rgb(96,139,145)
```

Shade Color Variation

#69959c
```
#69959c rgb(105,149,156)
```
#759ea3
```
#759ea3 rgb(117,158,163)
```
#80a6ab
```
#80a6ab rgb(128,166,171)
```
#8caeb3
```
#8caeb3 rgb(140,174,179)
```
#98b7bb
```
#98b7bb rgb(152,183,187)
```
#a4bfc3
```
#a4bfc3 rgb(164,191,195)
```
#b0c7ca
```
#b0c7ca rgb(176,199,202)
```
#bbcfd2
```
#bbcfd2 rgb(187,207,210)
```
#c7d8da
```
#c7d8da rgb(199,216,218)
```
#d3e0e2
```
#d3e0e2 rgb(211,224,226)
```
#dfe8ea
```
#dfe8ea rgb(223,232,234)
```
#ebf1f1
```
#ebf1f1 rgb(235,241,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a4041 is the less saturated color, while #026b79 is the most saturated one.

#3a4041
```
#3a4041 rgb(58,64,65)
```
#364345
```
#364345 rgb(54,67,69)
```
#31474a
```
#31474a rgb(49,71,74)
```
#2c4b4f
```
#2c4b4f rgb(44,75,79)
```
#284e53
```
#284e53 rgb(40,78,83)
```
#235258
```
#235258 rgb(35,82,88)
```
#1e555d
```
#1e555d rgb(30,85,93)
```
#195962
```
#195962 rgb(25,89,98)
```
#155d66
```
#155d66 rgb(21,93,102)
```
#10606b
```
#10606b rgb(16,96,107)
```
#0b6470
```
#0b6470 rgb(11,100,112)
```
#066775
```
#066775 rgb(6,103,117)
```
#026b79
```
#026b79 rgb(2,107,121)
```

Tone Color Variation

Below, you can see how #31474a 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

#414141 Achromatopsia 0.005% of the population
#3e4243 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4c51 Protanopia 1% of men
#504b55 Deuteranopia 1% of men
#3c5055 Tritanopia 0.001% of the population

Trichromacy

#424a4e Protanomaly 1% of men, 0.01% of women
#444951 Deuteranomaly 6% of men, 0.4% of women
#384c51 Tritanomaly 0.01% of the population

#31474a hex color

#31474a Color Information

#31474a Color Conversion

Color Schemes with #31474a

Alternatives to #31474a

#31474a Preview

Shades and Tints of #31474a

Tones of #31474a

Color Blindness Simulator