#312616 hex color

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

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

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

The hexadecimal color #312616 has RGB values of R:49, G:38, B:22 and CMYK values of C:0, M:0.22, Y:0.55, K:0.81. Its decimal value is 3221014.

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

CIE-LAB	15.989, 2.518, 12.544
XYZ	2.105, 2.097, 1.053
xyY	0.401, 0.399, 2.097
CIE-LCH	15.989, 12.794, 78.647
CIE-LUV	15.989, 6.528, 9.492
Hunter-Lab	14.482, 0.598, 5.826
Binary	00110001, 00100110, 00010110

#312616
```
#312616 rgb(49,38,22)
```
#162131
```
#162131 rgb(22,33,49)
```

Complementary Color

#311916
```
#311916 rgb(49,25,22)
```
#312616
```
#312616 rgb(49,38,22)
```
#2f3116
```
#2f3116 rgb(47,49,22)
```

Analogous Color

#191631
```
#191631 rgb(25,22,49)
```
#312616
```
#312616 rgb(49,38,22)
```
#162f31
```
#162f31 rgb(22,47,49)
```

Split Complementary Color

#261631
```
#261631 rgb(38,22,49)
```
#312616
```
#312616 rgb(49,38,22)
```
#163126
```
#163126 rgb(22,49,38)
```

Triadic Color

#311621
```
#311621 rgb(49,22,33)
```
#312616
```
#312616 rgb(49,38,22)
```
#163126
```
#163126 rgb(22,49,38)
```
#162131
```
#162131 rgb(22,33,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1f180e
```
#1f180e rgb(31,24,14)
```
#312616
```
#312616 rgb(49,38,22)
```
#43341e
```
#43341e rgb(67,52,30)
```
#544126
```
#544126 rgb(84,65,38)
```
#664f2e
```
#664f2e rgb(102,79,46)
```

Monochromatic Color

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

#311f16
```
#311f16 rgb(49,31,22)
```
#312216
```
#312216 rgb(49,34,22)
```
#312416
```
#312416 rgb(49,36,22)
```
#312616
```
#312616 rgb(49,38,22)
```
#312816
```
#312816 rgb(49,40,22)
```
#312b16
```
#312b16 rgb(49,43,22)
```
#312d16
```
#312d16 rgb(49,45,22)
```

Similar Colors

Text with hexadecimal color #312616

This text has a font color of #312616.

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

#312616 background color

This paragraph has a background color of #312616.

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

#312616 border color

This element has a border color of #312616.

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

CSS codes

.text {color:#312616;}

.background {background-color:#312616;}

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

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)
```
#16110a
```
#16110a rgb(22,17,10)
```
#231c10
```
#231c10 rgb(35,28,16)
```
#312616
```
#312616 rgb(49,38,22)
```
#3f301c
```
#3f301c rgb(63,48,28)
```
#4c3b22
```
#4c3b22 rgb(76,59,34)
```
#5a4528
```
#5a4528 rgb(90,69,40)
```
#67502e
```
#67502e rgb(103,80,46)
```
#755a34
```
#755a34 rgb(117,90,52)
```
#82653a
```
#82653a rgb(130,101,58)
```
#906f41
```
#906f41 rgb(144,111,65)
```
#9d7a47
```
#9d7a47 rgb(157,122,71)
```
#ab844d
```
#ab844d rgb(171,132,77)
```

Shade Color Variation

#b48e57
```
#b48e57 rgb(180,142,87)
```
#ba9765
```
#ba9765 rgb(186,151,101)
```
#c0a072
```
#c0a072 rgb(192,160,114)
```
#c6a980
```
#c6a980 rgb(198,169,128)
```
#ccb38e
```
#ccb38e rgb(204,179,142)
```
#d2bc9b
```
#d2bc9b rgb(210,188,155)
```
#d8c5a9
```
#d8c5a9 rgb(216,197,169)
```
#deceb6
```
#deceb6 rgb(222,206,182)
```
#e4d7c4
```
#e4d7c4 rgb(228,215,196)
```
#eae0d1
```
#eae0d1 rgb(234,224,209)
```
#f1e9df
```
#f1e9df rgb(241,233,223)
```
#f7f2ec
```
#f7f2ec rgb(247,242,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 #472a00 is the most saturated one.

#262421
```
#262421 rgb(38,36,33)
```
#29241e
```
#29241e rgb(41,36,30)
```
#2c251b
```
#2c251b rgb(44,37,27)
```
#2e2519
```
#2e2519 rgb(46,37,25)
```
#312616
```
#312616 rgb(49,38,22)
```
#342713
```
#342713 rgb(52,39,19)
```
#362711
```
#362711 rgb(54,39,17)
```
#39280e
```
#39280e rgb(57,40,14)
```
#3c280b
```
#3c280b rgb(60,40,11)
```
#3f2908
```
#3f2908 rgb(63,41,8)
```
#412906
```
#412906 rgb(65,41,6)
```
#442a03
```
#442a03 rgb(68,42,3)
```
#472a00
```
#472a00 rgb(71,42,0)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#292724 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373222 Protanopia 1% of men
#3c3022 Deuteranopia 1% of men
#3d2f32 Tritanopia 0.001% of the population

Trichromacy

#342e1e Protanomaly 1% of men, 0.01% of women
#382c1d Deuteranomaly 6% of men, 0.4% of women
#382b28 Tritanomaly 0.01% of the population

#312616 hex color

#312616 Color Information

#312616 Color Conversion

Color Schemes with #312616

Alternatives to #312616

#312616 Preview

Shades and Tints of #312616

Tones of #312616

Color Blindness Simulator