#311f21 hex color

In a RGB color space, hex #311f21 is composed of 19.2% red, 12.2% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.7% magenta, 32.7% yellow and 80.8% black. It has a hue angle of 353.3 degrees, a saturation of 22.5% and a lightness of 15.7%. #311f21 color hex could be obtained by blending #623e42 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #311f21 has RGB values of R:49, G:31, B:33 and CMYK values of C:0, M:0.37, Y:0.33, K:0.81. Its decimal value is 3219233.

Hex triplet	311f21	`#311f21`
RGB Decimal	49, 31, 33	`rgb(49,31,33)`
RGB Percent	19.2, 12.2, 12.9	`rgb(19.2%,12.2%,12.9%)`
CMYK	0, 37, 33, 81
HSL	353.3°, 22.5, 15.7	`hsl(353.3,22.5%,15.7%)`
HSV (or HSB)	353.3°, 36.7, 19.2
Web Safe	333333	`#333333`

CIE-LAB	14.075, 9.116, 2.181
XYZ	2.031, 1.743, 1.668
xyY	0.373, 0.32, 1.743
CIE-LCH	14.075, 9.373, 13.453
CIE-LUV	14.075, 8.606, 0.811
Hunter-Lab	13.202, 4.36, 1.749
Binary	00110001, 00011111, 00100001

#311f21
```
#311f21 rgb(49,31,33)
```
#1f312f
```
#1f312f rgb(31,49,47)
```

Complementary Color

#311f2a
```
#311f2a rgb(49,31,42)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#31261f
```
#31261f rgb(49,38,31)
```

Analogous Color

#1f2a31
```
#1f2a31 rgb(31,42,49)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#1f3126
```
#1f3126 rgb(31,49,38)
```

Split Complementary Color

#1f2131
```
#1f2131 rgb(31,33,49)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#21311f
```
#21311f rgb(33,49,31)
```

Triadic Color

#2f1f31
```
#2f1f31 rgb(47,31,49)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#21311f
```
#21311f rgb(33,49,31)
```
#1f312f
```
#1f312f rgb(31,49,47)
```

Tetradic Color

#020101
```
#020101 rgb(2,1,1)
```
#120b0c
```
#120b0c rgb(18,11,12)
```
#211516
```
#211516 rgb(33,21,22)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#41292c
```
#41292c rgb(65,41,44)
```
#503336
```
#503336 rgb(80,51,54)
```
#603d41
```
#603d41 rgb(96,61,65)
```

Monochromatic Color

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

#311f26
```
#311f26 rgb(49,31,38)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#311f23
```
#311f23 rgb(49,31,35)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#311f20
```
#311f20 rgb(49,31,32)
```
#31201f
```
#31201f rgb(49,32,31)
```
#31221f
```
#31221f rgb(49,34,31)
```

Similar Colors

Text with hexadecimal color #311f21

This text has a font color of #311f21.

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

#311f21 background color

This paragraph has a background color of #311f21.

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

#311f21 border color

This element has a border color of #311f21.

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

CSS codes

.text {color:#311f21;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d0809
```
#0d0809 rgb(13,8,9)
```
#191011
```
#191011 rgb(25,16,17)
```
#251719
```
#251719 rgb(37,23,25)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#3d2729
```
#3d2729 rgb(61,39,41)
```
#492e31
```
#492e31 rgb(73,46,49)
```
#553639
```
#553639 rgb(85,54,57)
```
#613d41
```
#613d41 rgb(97,61,65)
```
#6d4549
```
#6d4549 rgb(109,69,73)
```
#794d52
```
#794d52 rgb(121,77,82)
```
#85545a
```
#85545a rgb(133,84,90)
```
#915c62
```
#915c62 rgb(145,92,98)
```

Shade Color Variation

#9d646a
```
#9d646a rgb(157,100,106)
```
#a47076
```
#a47076 rgb(164,112,118)
```
#ac7c81
```
#ac7c81 rgb(172,124,129)
```
#b4888d
```
#b4888d rgb(180,136,141)
```
#bb9498
```
#bb9498 rgb(187,148,152)
```
#c3a0a4
```
#c3a0a4 rgb(195,160,164)
```
#caacaf
```
#caacaf rgb(202,172,175)
```
#d2b8bb
```
#d2b8bb rgb(210,184,187)
```
#dac4c6
```
#dac4c6 rgb(218,196,198)
```
#e1d0d2
```
#e1d0d2 rgb(225,208,210)
```
#e9dcdd
```
#e9dcdd rgb(233,220,221)
```
#f0e8e9
```
#f0e8e9 rgb(240,232,233)
```
#f8f4f4
```
#f8f4f4 rgb(248,244,244)
```

Tint Color Variation

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

#2b2526
```
#2b2526 rgb(43,37,38)
```
#2e2223
```
#2e2223 rgb(46,34,35)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#341c1f
```
#341c1f rgb(52,28,31)
```
#37191c
```
#37191c rgb(55,25,28)
```
#3a161a
```
#3a161a rgb(58,22,26)
```
#3d1317
```
#3d1317 rgb(61,19,23)
```
#401015
```
#401015 rgb(64,16,21)
```
#430d13
```
#430d13 rgb(67,13,19)
```
#470910
```
#470910 rgb(71,9,16)
```
#4a060e
```
#4a060e rgb(74,6,14)
```
#4d030b
```
#4d030b rgb(77,3,11)
```
#500009
```
#500009 rgb(80,0,9)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#272424 Atypical Achromatopsia 0.001% of the population

Dichromacy

#302e2e Protanopia 1% of men
#342d2b Deuteranopia 1% of men
#3b2a2d Tritanopia 0.001% of the population

Trichromacy

#302929 Protanomaly 1% of men, 0.01% of women
#332827 Deuteranomaly 6% of men, 0.4% of women
#372628 Tritanomaly 0.01% of the population

#311f21 hex color

#311f21 Color Information

#311f21 Color Conversion

Color Schemes with #311f21

Alternatives to #311f21

#311f21 Preview

Shades and Tints of #311f21

Tones of #311f21

Color Blindness Simulator