#31403f hex color

In a RGB color space, hex #31403f is composed of 19.2% red, 25.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 1.6% yellow and 74.9% black. It has a hue angle of 176 degrees, a saturation of 13.3% and a lightness of 22.2%. #31403f color hex could be obtained by blending #62807e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 25
- B 25
RGB color chart
- C 23
- M 0
- Y 2
- K 75
CMYK color chart

● #31403f color description : Very dark grayish cyan.

The hexadecimal color #31403f has RGB values of R:49, G:64, B:63 and CMYK values of C:0.23, M:0, Y:0.02, K:0.75. Its decimal value is 3227711.

Hex triplet	31403f	`#31403f`
RGB Decimal	49, 64, 63	`rgb(49,64,63)`
RGB Percent	19.2, 25.1, 24.7	`rgb(19.2%,25.1%,24.7%)`
CMYK	23, 0, 2, 75
HSL	176°, 13.3, 22.2	`hsl(176,13.3%,22.2%)`
HSV (or HSB)	176°, 23.4, 25.1
Web Safe	333333	`#333333`

CIE-LAB	25.799, -6.292, -1.391
XYZ	3.997, 4.679, 5.395
xyY	0.284, 0.333, 4.679
CIE-LCH	25.799, 6.444, 192.466
CIE-LUV	25.799, -7.01, -0.786
Hunter-Lab	21.63, -4.867, 0.353
Binary	00110001, 01000000, 00111111

#31403f
```
#31403f rgb(49,64,63)
```
#403132
```
#403132 rgb(64,49,50)
```

Complementary Color

#314038
```
#314038 rgb(49,64,56)
```
#31403f
```
#31403f rgb(49,64,63)
```
#313a40
```
#313a40 rgb(49,58,64)
```

Analogous Color

#403831
```
#403831 rgb(64,56,49)
```
#31403f
```
#31403f rgb(49,64,63)
```
#40313a
```
#40313a rgb(64,49,58)
```

Split Complementary Color

#403f31
```
#403f31 rgb(64,63,49)
```
#31403f
```
#31403f rgb(49,64,63)
```
#3f3140
```
#3f3140 rgb(63,49,64)
```

Triadic Color

#324031
```
#324031 rgb(50,64,49)
```
#31403f
```
#31403f rgb(49,64,63)
```
#3f3140
```
#3f3140 rgb(63,49,64)
```
#403132
```
#403132 rgb(64,49,50)
```

Tetradic Color

#101514
```
#101514 rgb(16,21,20)
```
#1b2323
```
#1b2323 rgb(27,35,35)
```
#263231
```
#263231 rgb(38,50,49)
```
#31403f
```
#31403f rgb(49,64,63)
```
#3c4e4d
```
#3c4e4d rgb(60,78,77)
```
#475d5b
```
#475d5b rgb(71,93,91)
```
#526b6a
```
#526b6a rgb(82,107,106)
```

Monochromatic Color

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

#31403b
```
#31403b rgb(49,64,59)
```
#31403d
```
#31403d rgb(49,64,61)
```
#31403e
```
#31403e rgb(49,64,62)
```
#31403f
```
#31403f rgb(49,64,63)
```
#314040
```
#314040 rgb(49,64,64)
```
#313f40
```
#313f40 rgb(49,63,64)
```
#313d40
```
#313d40 rgb(49,61,64)
```

Similar Colors

Text with hexadecimal color #31403f

This text has a font color of #31403f.

<span style="color:#31403f;">Text here</span>

#31403f background color

This paragraph has a background color of #31403f.

<p style="background-color:#31403f;">Content here</p>

#31403f border color

This element has a border color of #31403f.

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

CSS codes

.text {color:#31403f;}

.background {background-color:#31403f;}

.border {border:1px solid #31403f;}

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

#060808
```
#060808 rgb(6,8,8)
```
#0f1413
```
#0f1413 rgb(15,20,19)
```
#171f1e
```
#171f1e rgb(23,31,30)
```
#202a29
```
#202a29 rgb(32,42,41)
```
#283534
```
#283534 rgb(40,53,52)
```
#31403f
```
#31403f rgb(49,64,63)
```
#3a4b4a
```
#3a4b4a rgb(58,75,74)
```
#425655
```
#425655 rgb(66,86,85)
```
#4b6160
```
#4b6160 rgb(75,97,96)
```
#536c6b
```
#536c6b rgb(83,108,107)
```
#5c7876
```
#5c7876 rgb(92,120,118)
```
#648381
```
#648381 rgb(100,131,129)
```
#6d8e8c
```
#6d8e8c rgb(109,142,140)
```

Shade Color Variation

#779795
```
#779795 rgb(119,151,149)
```
#829f9d
```
#829f9d rgb(130,159,157)
```
#8da8a6
```
#8da8a6 rgb(141,168,166)
```
#98b0af
```
#98b0af rgb(152,176,175)
```
#a3b9b7
```
#a3b9b7 rgb(163,185,183)
```
#afc1c0
```
#afc1c0 rgb(175,193,192)
```
#bacac9
```
#bacac9 rgb(186,202,201)
```
#c5d2d2
```
#c5d2d2 rgb(197,210,210)
```
#d0dbda
```
#d0dbda rgb(208,219,218)
```
#dbe3e3
```
#dbe3e3 rgb(219,227,227)
```
#e6ecec
```
#e6ecec rgb(230,236,236)
```
#f1f4f4
```
#f1f4f4 rgb(241,244,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#353c3b
```
#353c3b rgb(53,60,59)
```
#31403f
```
#31403f rgb(49,64,63)
```
#2d4443
```
#2d4443 rgb(45,68,67)
```
#284947
```
#284947 rgb(40,73,71)
```
#244d4a
```
#244d4a rgb(36,77,74)
```
#20514e
```
#20514e rgb(32,81,78)
```
#1b5652
```
#1b5652 rgb(27,86,82)
```
#175a56
```
#175a56 rgb(23,90,86)
```
#135e59
```
#135e59 rgb(19,94,89)
```
#0e635d
```
#0e635d rgb(14,99,93)
```
#0a6761
```
#0a6761 rgb(10,103,97)
```
#066b65
```
#066b65 rgb(6,107,101)
```
#017068
```
#017068 rgb(1,112,104)
```

Tone Color Variation

Below, you can see how #31403f 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

#3b3b3b Achromatopsia 0.005% of the population
#393c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#484647 Protanopia 1% of men
#4c454a Deuteranopia 1% of men
#3d494e Tritanopia 0.001% of the population

Trichromacy

#3f4444 Protanomaly 1% of men, 0.01% of women
#424346 Deuteranomaly 6% of men, 0.4% of women
#384548 Tritanomaly 0.01% of the population

#31403f hex color

#31403f Color Information

#31403f Color Conversion

Color Schemes with #31403f

Alternatives to #31403f

#31403f Preview

Shades and Tints of #31403f

Tones of #31403f

Color Blindness Simulator