#31374a hex color

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

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

● #31374a color description : Very dark grayish blue.

The hexadecimal color #31374a has RGB values of R:49, G:55, B:74 and CMYK values of C:0.34, M:0.26, Y:0, K:0.71. Its decimal value is 3225418.

Hex triplet	31374a	`#31374a`
RGB Decimal	49, 55, 74	`rgb(49,55,74)`
RGB Percent	19.2, 21.6, 29	`rgb(19.2%,21.6%,29%)`
CMYK	34, 26, 0, 71
HSL	225.6°, 20.3, 24.1	`hsl(225.6,20.3%,24.1%)`
HSV (or HSB)	225.6°, 33.8, 29
Web Safe	333333	`#333333`

CIE-LAB	23.27, 2.726, -12.503
XYZ	3.869, 3.88, 7.023
xyY	0.262, 0.263, 3.88
CIE-LCH	23.27, 12.796, 282.302
CIE-LUV	23.27, -3.54, -14.618
Hunter-Lab	19.697, 0.589, -7.353
Binary	00110001, 00110111, 01001010

#31374a
```
#31374a rgb(49,55,74)
```
#4a4431
```
#4a4431 rgb(74,68,49)
```

Complementary Color

#31444a
```
#31444a rgb(49,68,74)
```
#31374a
```
#31374a rgb(49,55,74)
```
#38314a
```
#38314a rgb(56,49,74)
```

Analogous Color

#444a31
```
#444a31 rgb(68,74,49)
```
#31374a
```
#31374a rgb(49,55,74)
```
#4a3831
```
#4a3831 rgb(74,56,49)
```

Split Complementary Color

#374a31
```
#374a31 rgb(55,74,49)
```
#31374a
```
#31374a rgb(49,55,74)
```
#4a3137
```
#4a3137 rgb(74,49,55)
```

Triadic Color

#314a44
```
#314a44 rgb(49,74,68)
```
#31374a
```
#31374a rgb(49,55,74)
```
#4a3137
```
#4a3137 rgb(74,49,55)
```
#4a4431
```
#4a4431 rgb(74,68,49)
```

Tetradic Color

#13151c
```
#13151c rgb(19,21,28)
```
#1d202b
```
#1d202b rgb(29,32,43)
```
#272c3b
```
#272c3b rgb(39,44,59)
```
#31374a
```
#31374a rgb(49,55,74)
```
#3b4259
```
#3b4259 rgb(59,66,89)
```
#454e69
```
#454e69 rgb(69,78,105)
```
#4f5978
```
#4f5978 rgb(79,89,120)
```

Monochromatic Color

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

#313d4a
```
#313d4a rgb(49,61,74)
```
#313b4a
```
#313b4a rgb(49,59,74)
```
#31394a
```
#31394a rgb(49,57,74)
```
#31374a
```
#31374a rgb(49,55,74)
```
#31354a
```
#31354a rgb(49,53,74)
```
#31334a
```
#31334a rgb(49,51,74)
```
#31314a
```
#31314a rgb(49,49,74)
```

Similar Colors

Text with hexadecimal color #31374a

This text has a font color of #31374a.

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

#31374a background color

This paragraph has a background color of #31374a.

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

#31374a border color

This element has a border color of #31374a.

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

CSS codes

.text {color:#31374a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#12141b
```
#12141b rgb(18,20,27)
```
#1a1d27
```
#1a1d27 rgb(26,29,39)
```
#212532
```
#212532 rgb(33,37,50)
```
#292e3e
```
#292e3e rgb(41,46,62)
```
#31374a
```
#31374a rgb(49,55,74)
```
#394056
```
#394056 rgb(57,64,86)
```
#414962
```
#414962 rgb(65,73,98)
```
#48516d
```
#48516d rgb(72,81,109)
```
#505a79
```
#505a79 rgb(80,90,121)
```
#586385
```
#586385 rgb(88,99,133)
```
#606c91
```
#606c91 rgb(96,108,145)
```

Shade Color Variation

#69759c
```
#69759c rgb(105,117,156)
```
#7580a3
```
#7580a3 rgb(117,128,163)
```
#808bab
```
#808bab rgb(128,139,171)
```
#8c95b3
```
#8c95b3 rgb(140,149,179)
```
#98a0bb
```
#98a0bb rgb(152,160,187)
```
#a4abc3
```
#a4abc3 rgb(164,171,195)
```
#b0b6ca
```
#b0b6ca rgb(176,182,202)
```
#bbc1d2
```
#bbc1d2 rgb(187,193,210)
```
#c7ccda
```
#c7ccda rgb(199,204,218)
```
#d3d7e2
```
#d3d7e2 rgb(211,215,226)
```
#dfe1ea
```
#dfe1ea rgb(223,225,234)
```
#ebecf1
```
#ebecf1 rgb(235,236,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#3a3c41
```
#3a3c41 rgb(58,60,65)
```
#363945
```
#363945 rgb(54,57,69)
```
#31374a
```
#31374a rgb(49,55,74)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#283253
```
#283253 rgb(40,50,83)
```
#233058
```
#233058 rgb(35,48,88)
```
#1e2d5d
```
#1e2d5d rgb(30,45,93)
```
#192b62
```
#192b62 rgb(25,43,98)
```
#152866
```
#152866 rgb(21,40,102)
```
#10266b
```
#10266b rgb(16,38,107)
```
#0b2370
```
#0b2370 rgb(11,35,112)
```
#062175
```
#062175 rgb(6,33,117)
```
#021e79
```
#021e79 rgb(2,30,121)
```

Tone Color Variation

Below, you can see how #31374a 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
#36373b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4153 Protanopia 1% of men
#3d4053 Deuteranopia 1% of men
#384348 Tritanopia 0.001% of the population

Trichromacy

#383d4f Protanomaly 1% of men, 0.01% of women
#393d50 Deuteranomaly 6% of men, 0.4% of women
#353e48 Tritanomaly 0.01% of the population

#31374a hex color

#31374a Color Information

#31374a Color Conversion

Color Schemes with #31374a

Alternatives to #31374a

#31374a Preview

Shades and Tints of #31374a

Tones of #31374a

Color Blindness Simulator