#31423f hex color

In a RGB color space, hex #31423f is composed of 19.2% red, 25.9% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 0% magenta, 4.5% yellow and 74.1% black. It has a hue angle of 169.4 degrees, a saturation of 14.8% and a lightness of 22.5%. #31423f color hex could be obtained by blending #62847e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 26
- B 25
RGB color chart
- C 26
- M 0
- Y 5
- K 74
CMYK color chart

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

The hexadecimal color #31423f has RGB values of R:49, G:66, B:63 and CMYK values of C:0.26, M:0, Y:0.05, K:0.74. Its decimal value is 3228223.

Hex triplet	31423f	`#31423f`
RGB Decimal	49, 66, 63	`rgb(49,66,63)`
RGB Percent	19.2, 25.9, 24.7	`rgb(19.2%,25.9%,24.7%)`
CMYK	26, 0, 5, 74
HSL	169.4°, 14.8, 22.5	`hsl(169.4,14.8%,22.5%)`
HSV (or HSB)	169.4°, 25.8, 25.9
Web Safe	333333	`#333333`

CIE-LAB	26.471, -7.543, -0.404
XYZ	4.112, 4.908, 5.433
xyY	0.284, 0.34, 4.908
CIE-LCH	26.471, 7.554, 183.065
CIE-LUV	26.471, -7.891, 0.491
Hunter-Lab	22.154, -5.641, 0.968
Binary	00110001, 01000010, 00111111

#31423f
```
#31423f rgb(49,66,63)
```
#423134
```
#423134 rgb(66,49,52)
```

Complementary Color

#314237
```
#314237 rgb(49,66,55)
```
#31423f
```
#31423f rgb(49,66,63)
```
#313d42
```
#313d42 rgb(49,61,66)
```

Analogous Color

#423731
```
#423731 rgb(66,55,49)
```
#31423f
```
#31423f rgb(49,66,63)
```
#42313d
```
#42313d rgb(66,49,61)
```

Split Complementary Color

#423f31
```
#423f31 rgb(66,63,49)
```
#31423f
```
#31423f rgb(49,66,63)
```
#3f3142
```
#3f3142 rgb(63,49,66)
```

Triadic Color

#344231
```
#344231 rgb(52,66,49)
```
#31423f
```
#31423f rgb(49,66,63)
```
#3f3142
```
#3f3142 rgb(63,49,66)
```
#423134
```
#423134 rgb(66,49,52)
```

Tetradic Color

#101615
```
#101615 rgb(16,22,21)
```
#1b2523
```
#1b2523 rgb(27,37,35)
```
#263331
```
#263331 rgb(38,51,49)
```
#31423f
```
#31423f rgb(49,66,63)
```
#3c514d
```
#3c514d rgb(60,81,77)
```
#475f5b
```
#475f5b rgb(71,95,91)
```
#526e69
```
#526e69 rgb(82,110,105)
```

Monochromatic Color

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

#31423b
```
#31423b rgb(49,66,59)
```
#31423c
```
#31423c rgb(49,66,60)
```
#31423e
```
#31423e rgb(49,66,62)
```
#31423f
```
#31423f rgb(49,66,63)
```
#314240
```
#314240 rgb(49,66,64)
```
#314242
```
#314242 rgb(49,66,66)
```
#314142
```
#314142 rgb(49,65,66)
```

Similar Colors

Text with hexadecimal color #31423f

This text has a font color of #31423f.

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

#31423f background color

This paragraph has a background color of #31423f.

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

#31423f border color

This element has a border color of #31423f.

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

CSS codes

.text {color:#31423f;}

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

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

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, #070a09 is the darkest color, while #fdfefe is the lightest one.

#070a09
```
#070a09 rgb(7,10,9)
```
#101514
```
#101514 rgb(16,21,20)
```
#18201f
```
#18201f rgb(24,32,31)
```
#202b2a
```
#202b2a rgb(32,43,42)
```
#293734
```
#293734 rgb(41,55,52)
```
#31423f
```
#31423f rgb(49,66,63)
```
#394d4a
```
#394d4a rgb(57,77,74)
```
#425954
```
#425954 rgb(66,89,84)
```
#4a645f
```
#4a645f rgb(74,100,95)
```
#526f6a
```
#526f6a rgb(82,111,106)
```
#5b7a75
```
#5b7a75 rgb(91,122,117)
```
#63867f
```
#63867f rgb(99,134,127)
```
#6c918a
```
#6c918a rgb(108,145,138)
```

Shade Color Variation

#769a93
```
#769a93 rgb(118,154,147)
```
#82a29c
```
#82a29c rgb(130,162,156)
```
#8daaa5
```
#8daaa5 rgb(141,170,165)
```
#98b3ae
```
#98b3ae rgb(152,179,174)
```
#a3bbb7
```
#a3bbb7 rgb(163,187,183)
```
#afc3c0
```
#afc3c0 rgb(175,195,192)
```
#baccc9
```
#baccc9 rgb(186,204,201)
```
#c5d4d1
```
#c5d4d1 rgb(197,212,209)
```
#d0dcda
```
#d0dcda rgb(208,220,218)
```
#dce5e3
```
#dce5e3 rgb(220,229,227)
```
#e7edec
```
#e7edec rgb(231,237,236)
```
#f2f5f5
```
#f2f5f5 rgb(242,245,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#353e3c
```
#353e3c rgb(53,62,60)
```
#31423f
```
#31423f rgb(49,66,63)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#284b45
```
#284b45 rgb(40,75,69)
```
#244f48
```
#244f48 rgb(36,79,72)
```
#1f544a
```
#1f544a rgb(31,84,74)
```
#1b584d
```
#1b584d rgb(27,88,77)
```
#165d50
```
#165d50 rgb(22,93,80)
```
#126153
```
#126153 rgb(18,97,83)
```
#0e6556
```
#0e6556 rgb(14,101,86)
```
#096a59
```
#096a59 rgb(9,106,89)
```
#056e5c
```
#056e5c rgb(5,110,92)
```
#00735e
```
#00735e rgb(0,115,94)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3e3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4847 Protanopia 1% of men
#4e464a Deuteranopia 1% of men
#3d4a50 Tritanopia 0.001% of the population

Trichromacy

#414644 Protanomaly 1% of men, 0.01% of women
#434446 Deuteranomaly 6% of men, 0.4% of women
#384749 Tritanomaly 0.01% of the population

#31423f hex color

#31423f Color Information

#31423f Color Conversion

Color Schemes with #31423f

Alternatives to #31423f

#31423f Preview

Shades and Tints of #31423f

Tones of #31423f

Color Blindness Simulator