#311a16 hex color

In a RGB color space, hex #311a16 is composed of 19.2% red, 10.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 55.1% yellow and 80.8% black. It has a hue angle of 8.9 degrees, a saturation of 38% and a lightness of 13.9%. #311a16 color hex could be obtained by blending #62342c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 10
- B 9
RGB color chart
- C 0
- M 47
- Y 55
- K 81
CMYK color chart

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

The hexadecimal color #311a16 has RGB values of R:49, G:26, B:22 and CMYK values of C:0, M:0.47, Y:0.55, K:0.81. Its decimal value is 3217942.

Hex triplet	311a16	`#311a16`
RGB Decimal	49, 26, 22	`rgb(49,26,22)`
RGB Percent	19.2, 10.2, 8.6	`rgb(19.2%,10.2%,8.6%)`
CMYK	0, 47, 55, 81
HSL	8.9°, 38, 13.9	`hsl(8.9,38%,13.9%)`
HSV (or HSB)	8.9°, 55.1, 19.2
Web Safe	333300	`#333300`

CIE-LAB	12.285, 10.881, 7.664
XYZ	1.781, 1.45, 0.945
xyY	0.426, 0.347, 1.45
CIE-LCH	12.285, 13.309, 35.158
CIE-LUV	12.285, 11.557, 4.249
Hunter-Lab	12.041, 5.329, 3.775
Binary	00110001, 00011010, 00010110

#311a16
```
#311a16 rgb(49,26,22)
```
#162d31
```
#162d31 rgb(22,45,49)
```

Complementary Color

#311620
```
#311620 rgb(49,22,32)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#312816
```
#312816 rgb(49,40,22)
```

Analogous Color

#162031
```
#162031 rgb(22,32,49)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#163128
```
#163128 rgb(22,49,40)
```

Split Complementary Color

#1a1631
```
#1a1631 rgb(26,22,49)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#16311a
```
#16311a rgb(22,49,26)
```

Triadic Color

#31162d
```
#31162d rgb(49,22,45)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#16311a
```
#16311a rgb(22,49,26)
```
#162d31
```
#162d31 rgb(22,45,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0706
```
#0e0706 rgb(14,7,6)
```
#1f110e
```
#1f110e rgb(31,17,14)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#43231e
```
#43231e rgb(67,35,30)
```
#542d26
```
#542d26 rgb(84,45,38)
```
#66362e
```
#66362e rgb(102,54,46)
```

Monochromatic Color

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

#311619
```
#311619 rgb(49,22,25)
```
#311617
```
#311617 rgb(49,22,23)
```
#311816
```
#311816 rgb(49,24,22)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#311c16
```
#311c16 rgb(49,28,22)
```
#311f16
```
#311f16 rgb(49,31,22)
```
#312116
```
#312116 rgb(49,33,22)
```

Similar Colors

Text with hexadecimal color #311a16

This text has a font color of #311a16.

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

#311a16 background color

This paragraph has a background color of #311a16.

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

#311a16 border color

This element has a border color of #311a16.

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

CSS codes

.text {color:#311a16;}

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

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

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

#080404
```
#080404 rgb(8,4,4)
```
#160c0a
```
#160c0a rgb(22,12,10)
```
#231310
```
#231310 rgb(35,19,16)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#3f211c
```
#3f211c rgb(63,33,28)
```
#4c2822
```
#4c2822 rgb(76,40,34)
```
#5a3028
```
#5a3028 rgb(90,48,40)
```
#67372e
```
#67372e rgb(103,55,46)
```
#753e34
```
#753e34 rgb(117,62,52)
```
#82453a
```
#82453a rgb(130,69,58)
```
#904c41
```
#904c41 rgb(144,76,65)
```
#9d5347
```
#9d5347 rgb(157,83,71)
```
#ab5b4d
```
#ab5b4d rgb(171,91,77)
```

Shade Color Variation

#b46557
```
#b46557 rgb(180,101,87)
```
#ba7265
```
#ba7265 rgb(186,114,101)
```
#c07e72
```
#c07e72 rgb(192,126,114)
```
#c68a80
```
#c68a80 rgb(198,138,128)
```
#cc978e
```
#cc978e rgb(204,151,142)
```
#d2a39b
```
#d2a39b rgb(210,163,155)
```
#d8b0a9
```
#d8b0a9 rgb(216,176,169)
```
#debcb6
```
#debcb6 rgb(222,188,182)
```
#e4c9c4
```
#e4c9c4 rgb(228,201,196)
```
#ead5d1
```
#ead5d1 rgb(234,213,209)
```
#f1e1df
```
#f1e1df rgb(241,225,223)
```
#f7eeec
```
#f7eeec rgb(247,238,236)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#262221
```
#262221 rgb(38,34,33)
```
#29201e
```
#29201e rgb(41,32,30)
```
#2c1e1b
```
#2c1e1b rgb(44,30,27)
```
#2e1c19
```
#2e1c19 rgb(46,28,25)
```
#311a16
```
#311a16 rgb(49,26,22)
```
#341813
```
#341813 rgb(52,24,19)
```
#361611
```
#361611 rgb(54,22,17)
```
#39140e
```
#39140e rgb(57,20,14)
```
#3c120b
```
#3c120b rgb(60,18,11)
```
#3f1008
```
#3f1008 rgb(63,16,8)
```
#410e06
```
#410e06 rgb(65,14,6)
```
#440d03
```
#440d03 rgb(68,13,3)
```
#470b00
```
#470b00 rgb(71,11,0)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#231f1e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e2b24 Protanopia 1% of men
#332a21 Deuteranopia 1% of men
#3c2527 Tritanopia 0.001% of the population

Trichromacy

#2f251f Protanomaly 1% of men, 0.01% of women
#32241d Deuteranomaly 6% of men, 0.4% of women
#382121 Tritanomaly 0.01% of the population

#311a16 hex color

#311a16 Color Information

#311a16 Color Conversion

Color Schemes with #311a16

Alternatives to #311a16

#311a16 Preview

Shades and Tints of #311a16

Tones of #311a16

Color Blindness Simulator