#312816 hex color

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

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

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

The hexadecimal color #312816 has RGB values of R:49, G:40, B:22 and CMYK values of C:0, M:0.18, Y:0.55, K:0.81. Its decimal value is 3221526.

Hex triplet	312816	`#312816`
RGB Decimal	49, 40, 22	`rgb(49,40,22)`
RGB Percent	19.2, 15.7, 8.6	`rgb(19.2%,15.7%,8.6%)`
CMYK	0, 18, 55, 81
HSL	40°, 38, 13.9	`hsl(40,38%,13.9%)`
HSV (or HSB)	40°, 55.1, 19.2
Web Safe	333300	`#333300`

CIE-LAB	16.644, 1.143, 13.379
XYZ	2.17, 2.229, 1.075
xyY	0.396, 0.407, 2.229
CIE-LCH	16.644, 13.427, 85.115
CIE-LUV	16.644, 5.574, 10.448
Hunter-Lab	14.928, -0.175, 6.181
Binary	00110001, 00101000, 00010110

#312816
```
#312816 rgb(49,40,22)
```
#161f31
```
#161f31 rgb(22,31,49)
```

Complementary Color

#311b16
```
#311b16 rgb(49,27,22)
```
#312816
```
#312816 rgb(49,40,22)
```
#2d3116
```
#2d3116 rgb(45,49,22)
```

Analogous Color

#1b1631
```
#1b1631 rgb(27,22,49)
```
#312816
```
#312816 rgb(49,40,22)
```
#162d31
```
#162d31 rgb(22,45,49)
```

Split Complementary Color

#281631
```
#281631 rgb(40,22,49)
```
#312816
```
#312816 rgb(49,40,22)
```
#163128
```
#163128 rgb(22,49,40)
```

Triadic Color

#31161f
```
#31161f rgb(49,22,31)
```
#312816
```
#312816 rgb(49,40,22)
```
#163128
```
#163128 rgb(22,49,40)
```
#161f31
```
#161f31 rgb(22,31,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1f1a0e
```
#1f1a0e rgb(31,26,14)
```
#312816
```
#312816 rgb(49,40,22)
```
#43361e
```
#43361e rgb(67,54,30)
```
#544526
```
#544526 rgb(84,69,38)
```
#66532e
```
#66532e rgb(102,83,46)
```

Monochromatic Color

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

#312116
```
#312116 rgb(49,33,22)
```
#312416
```
#312416 rgb(49,36,22)
```
#312616
```
#312616 rgb(49,38,22)
```
#312816
```
#312816 rgb(49,40,22)
```
#312a16
```
#312a16 rgb(49,42,22)
```
#312d16
```
#312d16 rgb(49,45,22)
```
#312f16
```
#312f16 rgb(49,47,22)
```

Similar Colors

Text with hexadecimal color #312816

This text has a font color of #312816.

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

#312816 background color

This paragraph has a background color of #312816.

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

#312816 border color

This element has a border color of #312816.

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

CSS codes

.text {color:#312816;}

.background {background-color:#312816;}

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

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

#080704
```
#080704 rgb(8,7,4)
```
#16120a
```
#16120a rgb(22,18,10)
```
#231d10
```
#231d10 rgb(35,29,16)
```
#312816
```
#312816 rgb(49,40,22)
```
#3f331c
```
#3f331c rgb(63,51,28)
```
#4c3e22
```
#4c3e22 rgb(76,62,34)
```
#5a4928
```
#5a4928 rgb(90,73,40)
```
#67542e
```
#67542e rgb(103,84,46)
```
#755f34
```
#755f34 rgb(117,95,52)
```
#826a3a
```
#826a3a rgb(130,106,58)
```
#907541
```
#907541 rgb(144,117,65)
```
#9d8047
```
#9d8047 rgb(157,128,71)
```
#ab8b4d
```
#ab8b4d rgb(171,139,77)
```

Shade Color Variation

#b49557
```
#b49557 rgb(180,149,87)
```
#ba9e65
```
#ba9e65 rgb(186,158,101)
```
#c0a672
```
#c0a672 rgb(192,166,114)
```
#c6af80
```
#c6af80 rgb(198,175,128)
```
#ccb78e
```
#ccb78e rgb(204,183,142)
```
#d2c09b
```
#d2c09b rgb(210,192,155)
```
#d8c8a9
```
#d8c8a9 rgb(216,200,169)
```
#ded1b6
```
#ded1b6 rgb(222,209,182)
```
#e4d9c4
```
#e4d9c4 rgb(228,217,196)
```
#eae2d1
```
#eae2d1 rgb(234,226,209)
```
#f1ebdf
```
#f1ebdf rgb(241,235,223)
```
#f7f3ec
```
#f7f3ec rgb(247,243,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#262421
```
#262421 rgb(38,36,33)
```
#29251e
```
#29251e rgb(41,37,30)
```
#2c261b
```
#2c261b rgb(44,38,27)
```
#2e2719
```
#2e2719 rgb(46,39,25)
```
#312816
```
#312816 rgb(49,40,22)
```
#342913
```
#342913 rgb(52,41,19)
```
#362a11
```
#362a11 rgb(54,42,17)
```
#392b0e
```
#392b0e rgb(57,43,14)
```
#3c2c0b
```
#3c2c0b rgb(60,44,11)
```
#3f2d08
```
#3f2d08 rgb(63,45,8)
```
#412d06
```
#412d06 rgb(65,45,6)
```
#442e03
```
#442e03 rgb(68,46,3)
```
#472f00
```
#472f00 rgb(71,47,0)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2925 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383422 Protanopia 1% of men
#3e3222 Deuteranopia 1% of men
#3d3034 Tritanopia 0.001% of the population

Trichromacy

#352f1d Protanomaly 1% of men, 0.01% of women
#392e1d Deuteranomaly 6% of men, 0.4% of women
#392d29 Tritanomaly 0.01% of the population

#312816 hex color

#312816 Color Information

#312816 Color Conversion

Color Schemes with #312816

Alternatives to #312816

#312816 Preview

Shades and Tints of #312816

Tones of #312816

Color Blindness Simulator