#311d16 hex color

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

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

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

The hexadecimal color #311d16 has RGB values of R:49, G:29, B:22 and CMYK values of C:0, M:0.41, Y:0.55, K:0.81. Its decimal value is 3218710.

Hex triplet	311d16	`#311d16`
RGB Decimal	49, 29, 22	`rgb(49,29,22)`
RGB Percent	19.2, 11.4, 8.6	`rgb(19.2%,11.4%,8.6%)`
CMYK	0, 41, 55, 81
HSL	15.6°, 38, 13.9	`hsl(15.6,38%,13.9%)`
HSV (or HSB)	15.6°, 55.1, 19.2
Web Safe	333300	`#333300`

CIE-LAB	13.168, 8.796, 8.851
XYZ	1.851, 1.59, 0.968
xyY	0.42, 0.361, 1.59
CIE-LCH	13.168, 12.478, 45.182
CIE-LUV	13.168, 10.442, 5.46
Hunter-Lab	12.608, 4.138, 4.272
Binary	00110001, 00011101, 00010110

#311d16
```
#311d16 rgb(49,29,22)
```
#162a31
```
#162a31 rgb(22,42,49)
```

Complementary Color

#31161d
```
#31161d rgb(49,22,29)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#312b16
```
#312b16 rgb(49,43,22)
```

Analogous Color

#161d31
```
#161d31 rgb(22,29,49)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#16312b
```
#16312b rgb(22,49,43)
```

Split Complementary Color

#1d1631
```
#1d1631 rgb(29,22,49)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#16311d
```
#16311d rgb(22,49,29)
```

Triadic Color

#31162a
```
#31162a rgb(49,22,42)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#16311d
```
#16311d rgb(22,49,29)
```
#162a31
```
#162a31 rgb(22,42,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0806
```
#0e0806 rgb(14,8,6)
```
#1f130e
```
#1f130e rgb(31,19,14)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#43271e
```
#43271e rgb(67,39,30)
```
#543226
```
#543226 rgb(84,50,38)
```
#663c2e
```
#663c2e rgb(102,60,46)
```

Monochromatic Color

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

#311616
```
#311616 rgb(49,22,22)
```
#311916
```
#311916 rgb(49,25,22)
```
#311b16
```
#311b16 rgb(49,27,22)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#311f16
```
#311f16 rgb(49,31,22)
```
#312216
```
#312216 rgb(49,34,22)
```
#312416
```
#312416 rgb(49,36,22)
```

Similar Colors

Text with hexadecimal color #311d16

This text has a font color of #311d16.

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

#311d16 background color

This paragraph has a background color of #311d16.

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

#311d16 border color

This element has a border color of #311d16.

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

CSS codes

.text {color:#311d16;}

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

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

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

#080504
```
#080504 rgb(8,5,4)
```
#160d0a
```
#160d0a rgb(22,13,10)
```
#231510
```
#231510 rgb(35,21,16)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#3f251c
```
#3f251c rgb(63,37,28)
```
#4c2d22
```
#4c2d22 rgb(76,45,34)
```
#5a3528
```
#5a3528 rgb(90,53,40)
```
#673d2e
```
#673d2e rgb(103,61,46)
```
#754534
```
#754534 rgb(117,69,52)
```
#824d3a
```
#824d3a rgb(130,77,58)
```
#905541
```
#905541 rgb(144,85,65)
```
#9d5d47
```
#9d5d47 rgb(157,93,71)
```
#ab654d
```
#ab654d rgb(171,101,77)
```

Shade Color Variation

#b46f57
```
#b46f57 rgb(180,111,87)
```
#ba7b65
```
#ba7b65 rgb(186,123,101)
```
#c08772
```
#c08772 rgb(192,135,114)
```
#c69280
```
#c69280 rgb(198,146,128)
```
#cc9e8e
```
#cc9e8e rgb(204,158,142)
```
#d2a99b
```
#d2a99b rgb(210,169,155)
```
#d8b5a9
```
#d8b5a9 rgb(216,181,169)
```
#dec1b6
```
#dec1b6 rgb(222,193,182)
```
#e4ccc4
```
#e4ccc4 rgb(228,204,196)
```
#ead8d1
```
#ead8d1 rgb(234,216,209)
```
#f1e3df
```
#f1e3df rgb(241,227,223)
```
#f7efec
```
#f7efec rgb(247,239,236)
```
#fdfbfa
```
#fdfbfa rgb(253,251,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 #471200 is the most saturated one.

#262221
```
#262221 rgb(38,34,33)
```
#29211e
```
#29211e rgb(41,33,30)
```
#2c201b
```
#2c201b rgb(44,32,27)
```
#2e1e19
```
#2e1e19 rgb(46,30,25)
```
#311d16
```
#311d16 rgb(49,29,22)
```
#341c13
```
#341c13 rgb(52,28,19)
```
#361a11
```
#361a11 rgb(54,26,17)
```
#39190e
```
#39190e rgb(57,25,14)
```
#3c180b
```
#3c180b rgb(60,24,11)
```
#3f1608
```
#3f1608 rgb(63,22,8)
```
#411506
```
#411506 rgb(65,21,6)
```
#441403
```
#441403 rgb(68,20,3)
```
#471200
```
#471200 rgb(71,18,0)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#252120 Atypical Achromatopsia 0.001% of the population

Dichromacy

#302d24 Protanopia 1% of men
#352b21 Deuteranopia 1% of men
#3c272a Tritanopia 0.001% of the population

Trichromacy

#30271e Protanomaly 1% of men, 0.01% of women
#33261d Deuteranomaly 6% of men, 0.4% of women
#382322 Tritanomaly 0.01% of the population

#311d16 hex color

#311d16 Color Information

#311d16 Color Conversion

Color Schemes with #311d16

Alternatives to #311d16

#311d16 Preview

Shades and Tints of #311d16

Tones of #311d16

Color Blindness Simulator