colorhexa.com

#312416 hex color

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

- R 19
- G 14
- B 9
RGB color chart
- C 0
- M 27
- Y 55
- K 81
CMYK color chart

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

The hexadecimal color #312416 has RGB values of R:49, G:36, B:22 and CMYK values of C:0, M:0.27, Y:0.55, K:0.81. Its decimal value is 3220502.

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

CIE-LAB	15.344, 3.904, 11.712
XYZ	2.042, 1.973, 1.032
xyY	0.405, 0.391, 1.973
CIE-LCH	15.344, 12.346, 71.564
CIE-LUV	15.344, 7.457, 8.554
Hunter-Lab	14.045, 1.376, 5.474
Binary	00110001, 00100100, 00010110

#312416
```
#312416 rgb(49,36,22)
```
#162331
```
#162331 rgb(22,35,49)
```

Complementary Color

#311716
```
#311716 rgb(49,23,22)
```
#312416
```
#312416 rgb(49,36,22)
```
#313116
```
#313116 rgb(49,49,22)
```

Analogous Color

#171631
```
#171631 rgb(23,22,49)
```
#312416
```
#312416 rgb(49,36,22)
```
#163131
```
#163131 rgb(22,49,49)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1f170e
```
#1f170e rgb(31,23,14)
```
#312416
```
#312416 rgb(49,36,22)
```
#43311e
```
#43311e rgb(67,49,30)
```
#543e26
```
#543e26 rgb(84,62,38)
```
#664b2e
```
#664b2e rgb(102,75,46)
```

Monochromatic Color

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

#311d16
```
#311d16 rgb(49,29,22)
```
#312016
```
#312016 rgb(49,32,22)
```
#312216
```
#312216 rgb(49,34,22)
```
#312416
```
#312416 rgb(49,36,22)
```
#312616
```
#312616 rgb(49,38,22)
```
#312916
```
#312916 rgb(49,41,22)
```
#312b16
```
#312b16 rgb(49,43,22)
```

Similar Colors

Text with hexadecimal color #312416

This text has a font color of #312416.

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

#312416 background color

This paragraph has a background color of #312416.

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

#312416 border color

This element has a border color of #312416.

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

CSS codes

.text {color:#312416;}

.background {background-color:#312416;}

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

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)
```
#16100a
```
#16100a rgb(22,16,10)
```
#231a10
```
#231a10 rgb(35,26,16)
```
#312416
```
#312416 rgb(49,36,22)
```
#3f2e1c
```
#3f2e1c rgb(63,46,28)
```
#4c3822
```
#4c3822 rgb(76,56,34)
```
#5a4228
```
#5a4228 rgb(90,66,40)
```
#674c2e
```
#674c2e rgb(103,76,46)
```
#755634
```
#755634 rgb(117,86,52)
```
#82603a
```
#82603a rgb(130,96,58)
```
#906a41
```
#906a41 rgb(144,106,65)
```
#9d7447
```
#9d7447 rgb(157,116,71)
```
#ab7e4d
```
#ab7e4d rgb(171,126,77)
```

Shade Color Variation

#b48757
```
#b48757 rgb(180,135,87)
```
#ba9165
```
#ba9165 rgb(186,145,101)
```
#c09b72
```
#c09b72 rgb(192,155,114)
```
#c6a480
```
#c6a480 rgb(198,164,128)
```
#ccae8e
```
#ccae8e rgb(204,174,142)
```
#d2b89b
```
#d2b89b rgb(210,184,155)
```
#d8c1a9
```
#d8c1a9 rgb(216,193,169)
```
#decbb6
```
#decbb6 rgb(222,203,182)
```
#e4d5c4
```
#e4d5c4 rgb(228,213,196)
```
#eaded1
```
#eaded1 rgb(234,222,209)
```
#f1e8df
```
#f1e8df rgb(241,232,223)
```
#f7f2ec
```
#f7f2ec rgb(247,242,236)
```
#fdfbfa
```
#fdfbfa rgb(253,251,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 #472500 is the most saturated one.

#262421
```
#262421 rgb(38,36,33)
```
#29241e
```
#29241e rgb(41,36,30)
```
#2c241b
```
#2c241b rgb(44,36,27)
```
#2e2419
```
#2e2419 rgb(46,36,25)
```
#312416
```
#312416 rgb(49,36,22)
```
#342413
```
#342413 rgb(52,36,19)
```
#362411
```
#362411 rgb(54,36,17)
```
#39240e
```
#39240e rgb(57,36,14)
```
#3c240b
```
#3c240b rgb(60,36,11)
```
#3f2508
```
#3f2508 rgb(63,37,8)
```
#412506
```
#412506 rgb(65,37,6)
```
#442503
```
#442503 rgb(68,37,3)
```
#472500
```
#472500 rgb(71,37,0)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282623 Atypical Achromatopsia 0.001% of the population

Dichromacy

#353122 Protanopia 1% of men
#3b2f22 Deuteranopia 1% of men
#3d2d30 Tritanopia 0.001% of the population

Trichromacy

#332c1e Protanomaly 1% of men, 0.01% of women
#372b1d Deuteranomaly 6% of men, 0.4% of women
#382a26 Tritanomaly 0.01% of the population