#311e22 hex color

In a RGB color space, hex #311e22 is composed of 19.2% red, 11.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.8% magenta, 30.6% yellow and 80.8% black. It has a hue angle of 347.4 degrees, a saturation of 24.1% and a lightness of 15.5%. #311e22 color hex could be obtained by blending #623c44 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 13
RGB color chart
- C 0
- M 39
- Y 31
- K 81
CMYK color chart

● #311e22 color description : Very dark (mostly black) red.

The hexadecimal color #311e22 has RGB values of R:49, G:30, B:34 and CMYK values of C:0, M:0.39, Y:0.31, K:0.81. Its decimal value is 3218978.

Hex triplet	311e22	`#311e22`
RGB Decimal	49, 30, 34	`rgb(49,30,34)`
RGB Percent	19.2, 11.8, 13.3	`rgb(19.2%,11.8%,13.3%)`
CMYK	0, 39, 31, 81
HSL	347.4°, 24.1, 15.5	`hsl(347.4,24.1%,15.5%)`
HSV (or HSB)	347.4°, 38.8, 19.2
Web Safe	333333	`#333333`

CIE-LAB	13.81, 9.997, 1.073
XYZ	2.02, 1.697, 1.734
xyY	0.37, 0.311, 1.697
CIE-LCH	13.81, 10.055, 6.128
CIE-LUV	13.81, 8.862, -0.171
Hunter-Lab	13.027, 4.875, 1.225
Binary	00110001, 00011110, 00100010

#311e22
```
#311e22 rgb(49,30,34)
```
#1e312d
```
#1e312d rgb(30,49,45)
```

Complementary Color

#311e2c
```
#311e2c rgb(49,30,44)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#31241e
```
#31241e rgb(49,36,30)
```

Analogous Color

#1e2c31
```
#1e2c31 rgb(30,44,49)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#1e3124
```
#1e3124 rgb(30,49,36)
```

Split Complementary Color

#1e2231
```
#1e2231 rgb(30,34,49)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#22311e
```
#22311e rgb(34,49,30)
```

Triadic Color

#2d1e31
```
#2d1e31 rgb(45,30,49)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#22311e
```
#22311e rgb(34,49,30)
```
#1e312d
```
#1e312d rgb(30,49,45)
```

Tetradic Color

#020101
```
#020101 rgb(2,1,1)
```
#110b0c
```
#110b0c rgb(17,11,12)
```
#211417
```
#211417 rgb(33,20,23)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#41282d
```
#41282d rgb(65,40,45)
```
#513138
```
#513138 rgb(81,49,56)
```
#603b43
```
#603b43 rgb(96,59,67)
```

Monochromatic Color

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

#311e27
```
#311e27 rgb(49,30,39)
```
#311e25
```
#311e25 rgb(49,30,37)
```
#311e24
```
#311e24 rgb(49,30,36)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#311e1f
```
#311e1f rgb(49,30,31)
```
#311f1e
```
#311f1e rgb(49,31,30)
```

Similar Colors

Text with hexadecimal color #311e22

This text has a font color of #311e22.

<span style="color:#311e22;">Text here</span>

#311e22 background color

This paragraph has a background color of #311e22.

<p style="background-color:#311e22;">Content here</p>

#311e22 border color

This element has a border color of #311e22.

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

CSS codes

.text {color:#311e22;}

.background {background-color:#311e22;}

.border {border:1px solid #311e22;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0809
```
#0d0809 rgb(13,8,9)
```
#190f11
```
#190f11 rgb(25,15,17)
```
#25171a
```
#25171a rgb(37,23,26)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#3d252a
```
#3d252a rgb(61,37,42)
```
#492d33
```
#492d33 rgb(73,45,51)
```
#55343b
```
#55343b rgb(85,52,59)
```
#623c44
```
#623c44 rgb(98,60,68)
```
#6e434c
```
#6e434c rgb(110,67,76)
```
#7a4b55
```
#7a4b55 rgb(122,75,85)
```
#86525d
```
#86525d rgb(134,82,93)
```
#925a66
```
#925a66 rgb(146,90,102)
```

Shade Color Variation

#9e616e
```
#9e616e rgb(158,97,110)
```
#a66d79
```
#a66d79 rgb(166,109,121)
```
#ad7a84
```
#ad7a84 rgb(173,122,132)
```
#b58690
```
#b58690 rgb(181,134,144)
```
#bc929b
```
#bc929b rgb(188,146,155)
```
#c49ea6
```
#c49ea6 rgb(196,158,166)
```
#cbaab1
```
#cbaab1 rgb(203,170,177)
```
#d3b6bc
```
#d3b6bc rgb(211,182,188)
```
#dac3c7
```
#dac3c7 rgb(218,195,199)
```
#e1cfd3
```
#e1cfd3 rgb(225,207,211)
```
#e9dbde
```
#e9dbde rgb(233,219,222)
```
#f0e7e9
```
#f0e7e9 rgb(240,231,233)
```
#f8f3f4
```
#f8f3f4 rgb(248,243,244)
```

Tint Color Variation

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

#282727
```
#282727 rgb(40,39,39)
```
#2b2426
```
#2b2426 rgb(43,36,38)
```
#2e2124
```
#2e2124 rgb(46,33,36)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#341b20
```
#341b20 rgb(52,27,32)
```
#37181e
```
#37181e rgb(55,24,30)
```
#3a151d
```
#3a151d rgb(58,21,29)
```
#3d121b
```
#3d121b rgb(61,18,27)
```
#400f19
```
#400f19 rgb(64,15,25)
```
#430c17
```
#430c17 rgb(67,12,23)
```
#460916
```
#460916 rgb(70,9,22)
```
#490614
```
#490614 rgb(73,6,20)
```
#4c0312
```
#4c0312 rgb(76,3,18)
```

Tone Color Variation

Below, you can see how #311e22 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

#242424 Achromatopsia 0.005% of the population
#272324 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f2e2f Protanopia 1% of men
#332d2c Deuteranopia 1% of men
#3b292c Tritanopia 0.001% of the population

Trichromacy

#2f282a Protanomaly 1% of men, 0.01% of women
#322728 Deuteranomaly 6% of men, 0.4% of women
#372528 Tritanomaly 0.01% of the population

#311e22 hex color

#311e22 Color Information

#311e22 Color Conversion

Color Schemes with #311e22

Alternatives to #311e22

#311e22 Preview

Shades and Tints of #311e22

Tones of #311e22

Color Blindness Simulator