#312216 hex color

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

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

● #312216 color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #312216 has RGB values of R:49, G:34, B:22 and CMYK values of C:0, M:0.31, Y:0.55, K:0.81. Its decimal value is 3219990.

Hex triplet	312216	`#312216`
RGB Decimal	49, 34, 22	`rgb(49,34,22)`
RGB Percent	19.2, 13.3, 8.6	`rgb(19.2%,13.3%,8.6%)`
CMYK	0, 31, 55, 81
HSL	26.7°, 38, 13.9	`hsl(26.7,38%,13.9%)`
HSV (or HSB)	26.7°, 55.1, 19.2
Web Safe	333300	`#333300`

CIE-LAB	14.707, 5.298, 10.885
XYZ	1.983, 1.855, 1.013
xyY	0.409, 0.382, 1.855
CIE-LCH	14.707, 12.106, 64.046
CIE-LUV	14.707, 8.356, 7.637
Hunter-Lab	13.62, 2.16, 5.126
Binary	00110001, 00100010, 00010110

#312216
```
#312216 rgb(49,34,22)
```
#162531
```
#162531 rgb(22,37,49)
```

Complementary Color

#311618
```
#311618 rgb(49,22,24)
```
#312216
```
#312216 rgb(49,34,22)
```
#313016
```
#313016 rgb(49,48,22)
```

Analogous Color

#161831
```
#161831 rgb(22,24,49)
```
#312216
```
#312216 rgb(49,34,22)
```
#163130
```
#163130 rgb(22,49,48)
```

Split Complementary Color

#221631
```
#221631 rgb(34,22,49)
```
#312216
```
#312216 rgb(49,34,22)
```
#163122
```
#163122 rgb(22,49,34)
```

Triadic Color

#311625
```
#311625 rgb(49,22,37)
```
#312216
```
#312216 rgb(49,34,22)
```
#163122
```
#163122 rgb(22,49,34)
```
#162531
```
#162531 rgb(22,37,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1f160e
```
#1f160e rgb(31,22,14)
```
#312216
```
#312216 rgb(49,34,22)
```
#432e1e
```
#432e1e rgb(67,46,30)
```
#543a26
```
#543a26 rgb(84,58,38)
```
#66472e
```
#66472e rgb(102,71,46)
```

Monochromatic Color

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

#311b16
```
#311b16 rgb(49,27,22)
```
#311e16
```
#311e16 rgb(49,30,22)
```
#312016
```
#312016 rgb(49,32,22)
```
#312216
```
#312216 rgb(49,34,22)
```
#312416
```
#312416 rgb(49,36,22)
```
#312716
```
#312716 rgb(49,39,22)
```
#312916
```
#312916 rgb(49,41,22)
```

Similar Colors

Text with hexadecimal color #312216

This text has a font color of #312216.

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

#312216 background color

This paragraph has a background color of #312216.

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

#312216 border color

This element has a border color of #312216.

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

CSS codes

.text {color:#312216;}

.background {background-color:#312216;}

.border {border:1px solid #312216;}

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

#080604
```
#080604 rgb(8,6,4)
```
#160f0a
```
#160f0a rgb(22,15,10)
```
#231910
```
#231910 rgb(35,25,16)
```
#312216
```
#312216 rgb(49,34,22)
```
#3f2b1c
```
#3f2b1c rgb(63,43,28)
```
#4c3522
```
#4c3522 rgb(76,53,34)
```
#5a3e28
```
#5a3e28 rgb(90,62,40)
```
#67482e
```
#67482e rgb(103,72,46)
```
#755134
```
#755134 rgb(117,81,52)
```
#825a3a
```
#825a3a rgb(130,90,58)
```
#906441
```
#906441 rgb(144,100,65)
```
#9d6d47
```
#9d6d47 rgb(157,109,71)
```
#ab774d
```
#ab774d rgb(171,119,77)
```

Shade Color Variation

#b48057
```
#b48057 rgb(180,128,87)
```
#ba8b65
```
#ba8b65 rgb(186,139,101)
```
#c09572
```
#c09572 rgb(192,149,114)
```
#c69f80
```
#c69f80 rgb(198,159,128)
```
#cca98e
```
#cca98e rgb(204,169,142)
```
#d2b49b
```
#d2b49b rgb(210,180,155)
```
#d8bea9
```
#d8bea9 rgb(216,190,169)
```
#dec8b6
```
#dec8b6 rgb(222,200,182)
```
#e4d2c4
```
#e4d2c4 rgb(228,210,196)
```
#eadcd1
```
#eadcd1 rgb(234,220,209)
```
#f1e7df
```
#f1e7df rgb(241,231,223)
```
#f7f1ec
```
#f7f1ec rgb(247,241,236)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#262321
```
#262321 rgb(38,35,33)
```
#29231e
```
#29231e rgb(41,35,30)
```
#2c231b
```
#2c231b rgb(44,35,27)
```
#2e2219
```
#2e2219 rgb(46,34,25)
```
#312216
```
#312216 rgb(49,34,22)
```
#342213
```
#342213 rgb(52,34,19)
```
#362111
```
#362111 rgb(54,33,17)
```
#39210e
```
#39210e rgb(57,33,14)
```
#3c210b
```
#3c210b rgb(60,33,11)
```
#3f2008
```
#3f2008 rgb(63,32,8)
```
#412006
```
#412006 rgb(65,32,6)
```
#442003
```
#442003 rgb(68,32,3)
```
#472000
```
#472000 rgb(71,32,0)
```

Tone Color Variation

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

Dichromacy

#343023 Protanopia 1% of men
#392e21 Deuteranopia 1% of men
#3d2b2e Tritanopia 0.001% of the population

Trichromacy

#322b1e Protanomaly 1% of men, 0.01% of women
#36291d Deuteranomaly 6% of men, 0.4% of women
#382825 Tritanomaly 0.01% of the population

#312216 hex color

#312216 Color Information

#312216 Color Conversion

Color Schemes with #312216

Alternatives to #312216

#312216 Preview

Shades and Tints of #312216

Tones of #312216

Color Blindness Simulator