#311e20 hex color

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

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

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

The hexadecimal color #311e20 has RGB values of R:49, G:30, B:32 and CMYK values of C:0, M:0.39, Y:0.35, K:0.81. Its decimal value is 3218976.

Hex triplet	311e20	`#311e20`
RGB Decimal	49, 30, 32	`rgb(49,30,32)`
RGB Percent	19.2, 11.8, 12.5	`rgb(19.2%,11.8%,12.5%)`
CMYK	0, 39, 35, 81
HSL	353.7°, 24.1, 15.5	`hsl(353.7,24.1%,15.5%)`
HSV (or HSB)	353.7°, 38.8, 19.2
Web Safe	333333	`#333333`

CIE-LAB	13.744, 9.638, 2.429
XYZ	1.992, 1.686, 1.587
xyY	0.378, 0.32, 1.686
CIE-LCH	13.744, 9.939, 14.149
CIE-LUV	13.744, 9.075, 0.932
Hunter-Lab	12.984, 4.657, 1.843
Binary	00110001, 00011110, 00100000

#311e20
```
#311e20 rgb(49,30,32)
```
#1e312f
```
#1e312f rgb(30,49,47)
```

Complementary Color

#311e2a
```
#311e2a rgb(49,30,42)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#31261e
```
#31261e rgb(49,38,30)
```

Analogous Color

#1e2a31
```
#1e2a31 rgb(30,42,49)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#1e3126
```
#1e3126 rgb(30,49,38)
```

Split Complementary Color

#1e2031
```
#1e2031 rgb(30,32,49)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#20311e
```
#20311e rgb(32,49,30)
```

Triadic Color

#2f1e31
```
#2f1e31 rgb(47,30,49)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#20311e
```
#20311e rgb(32,49,30)
```
#1e312f
```
#1e312f rgb(30,49,47)
```

Tetradic Color

#020101
```
#020101 rgb(2,1,1)
```
#110b0b
```
#110b0b rgb(17,11,11)
```
#211416
```
#211416 rgb(33,20,22)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#41282a
```
#41282a rgb(65,40,42)
```
#513135
```
#513135 rgb(81,49,53)
```
#603b3f
```
#603b3f rgb(96,59,63)
```

Monochromatic Color

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

#311e25
```
#311e25 rgb(49,30,37)
```
#311e23
```
#311e23 rgb(49,30,35)
```
#311e22
```
#311e22 rgb(49,30,34)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#311e1e
```
#311e1e rgb(49,30,30)
```
#311f1e
```
#311f1e rgb(49,31,30)
```
#31211e
```
#31211e rgb(49,33,30)
```

Similar Colors

Text with hexadecimal color #311e20

This text has a font color of #311e20.

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

#311e20 background color

This paragraph has a background color of #311e20.

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

#311e20 border color

This element has a border color of #311e20.

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

CSS codes

.text {color:#311e20;}

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

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

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)
```
#0d0808
```
#0d0808 rgb(13,8,8)
```
#190f10
```
#190f10 rgb(25,15,16)
```
#251718
```
#251718 rgb(37,23,24)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#3d2528
```
#3d2528 rgb(61,37,40)
```
#492d30
```
#492d30 rgb(73,45,48)
```
#553438
```
#553438 rgb(85,52,56)
```
#623c40
```
#623c40 rgb(98,60,64)
```
#6e4348
```
#6e4348 rgb(110,67,72)
```
#7a4b50
```
#7a4b50 rgb(122,75,80)
```
#865258
```
#865258 rgb(134,82,88)
```
#925a60
```
#925a60 rgb(146,90,96)
```

Shade Color Variation

#9e6168
```
#9e6168 rgb(158,97,104)
```
#a66d73
```
#a66d73 rgb(166,109,115)
```
#ad7a7f
```
#ad7a7f rgb(173,122,127)
```
#b5868b
```
#b5868b rgb(181,134,139)
```
#bc9296
```
#bc9296 rgb(188,146,150)
```
#c49ea2
```
#c49ea2 rgb(196,158,162)
```
#cbaaae
```
#cbaaae rgb(203,170,174)
```
#d3b6b9
```
#d3b6b9 rgb(211,182,185)
```
#dac3c5
```
#dac3c5 rgb(218,195,197)
```
#e1cfd1
```
#e1cfd1 rgb(225,207,209)
```
#e9dbdc
```
#e9dbdc rgb(233,219,220)
```
#f0e7e8
```
#f0e7e8 rgb(240,231,232)
```
#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 #4c030a is the most saturated one.

#282727
```
#282727 rgb(40,39,39)
```
#2b2425
```
#2b2425 rgb(43,36,37)
```
#2e2122
```
#2e2122 rgb(46,33,34)
```
#311e20
```
#311e20 rgb(49,30,32)
```
#341b1e
```
#341b1e rgb(52,27,30)
```
#37181b
```
#37181b rgb(55,24,27)
```
#3a1519
```
#3a1519 rgb(58,21,25)
```
#3d1216
```
#3d1216 rgb(61,18,22)
```
#400f14
```
#400f14 rgb(64,15,20)
```
#430c12
```
#430c12 rgb(67,12,18)
```
#46090f
```
#46090f rgb(70,9,15)
```
#49060d
```
#49060d rgb(73,6,13)
```
#4c030a
```
#4c030a rgb(76,3,10)
```

Tone Color Variation

Below, you can see how #311e20 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
#272323 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f2e2d Protanopia 1% of men
#342c2a Deuteranopia 1% of men
#3b292c Tritanopia 0.001% of the population

Trichromacy

#302828 Protanomaly 1% of men, 0.01% of women
#332726 Deuteranomaly 6% of men, 0.4% of women
#372527 Tritanomaly 0.01% of the population

#311e20 hex color

#311e20 Color Information

#311e20 Color Conversion

Color Schemes with #311e20

Alternatives to #311e20

#311e20 Preview

Shades and Tints of #311e20

Tones of #311e20

Color Blindness Simulator