#d8811f hex color

In a RGB color space, hex #d8811f is composed of 84.7% red, 50.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.3% magenta, 85.6% yellow and 15.3% black. It has a hue angle of 31.8 degrees, a saturation of 74.9% and a lightness of 48.4%. #d8811f color hex could be obtained by blending #ffff3e with #b10300. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 85
- G 51
- B 12
RGB color chart
- C 0
- M 40
- Y 86
- K 15
CMYK color chart

● #d8811f color description : Strong orange.

The hexadecimal color #d8811f has RGB values of R:216, G:129, B:31 and CMYK values of C:0, M:0.4, Y:0.86, K:0.15. Its decimal value is 14188831.

Hex triplet	d8811f	`#d8811f`
RGB Decimal	216, 129, 31	`rgb(216,129,31)`
RGB Percent	84.7, 50.6, 12.2	`rgb(84.7%,50.6%,12.2%)`
CMYK	0, 40, 86, 15
HSL	31.8°, 74.9, 48.4	`hsl(31.8,74.9%,48.4%)`
HSV (or HSB)	31.8°, 85.6, 84.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.999, 26.955, 61.703
XYZ	36.418, 30.401, 5.246
xyY	0.505, 0.422, 30.401
CIE-LCH	61.999, 67.334, 66.402
CIE-LUV	61.999, 71.583, 56.485
Hunter-Lab	55.137, 21.407, 32.955
Binary	11011000, 10000001, 00011111

#d8811f
```
#d8811f rgb(216,129,31)
```
#1f76d8
```
#1f76d8 rgb(31,118,216)
```

Complementary Color

#d8251f
```
#d8251f rgb(216,37,31)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#d3d81f
```
#d3d81f rgb(211,216,31)
```

Analogous Color

#251fd8
```
#251fd8 rgb(37,31,216)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#1fd3d8
```
#1fd3d8 rgb(31,211,216)
```

Split Complementary Color

#811fd8
```
#811fd8 rgb(129,31,216)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#1fd881
```
#1fd881 rgb(31,216,129)
```

Triadic Color

#d81f76
```
#d81f76 rgb(216,31,118)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#1fd881
```
#1fd881 rgb(31,216,129)
```
#1f76d8
```
#1f76d8 rgb(31,118,216)
```

Tetradic Color

#955915
```
#955915 rgb(149,89,21)
```
#ab6619
```
#ab6619 rgb(171,102,25)
```
#c2741c
```
#c2741c rgb(194,116,28)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#e18e2f
```
#e18e2f rgb(225,142,47)
```
#e49a46
```
#e49a46 rgb(228,154,70)
```
#e8a65c
```
#e8a65c rgb(232,166,92)
```

Monochromatic Color

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

#d8531f
```
#d8531f rgb(216,83,31)
```
#d8621f
```
#d8621f rgb(216,98,31)
```
#d8721f
```
#d8721f rgb(216,114,31)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#d8901f
```
#d8901f rgb(216,144,31)
```
#d8a01f
```
#d8a01f rgb(216,160,31)
```
#d8af1f
```
#d8af1f rgb(216,175,31)
```

Similar Colors

Text with hexadecimal color #d8811f

This text has a font color of #d8811f.

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

#d8811f background color

This paragraph has a background color of #d8811f.

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

#d8811f border color

This element has a border color of #d8811f.

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

CSS codes

.text {color:#d8811f;}

.background {background-color:#d8811f;}

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

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, #0a0601 is the darkest color, while #fefbf8 is the lightest one.

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1b1004
```
#1b1004 rgb(27,16,4)
```
#2c1b06
```
#2c1b06 rgb(44,27,6)
```
#3e2509
```
#3e2509 rgb(62,37,9)
```
#4f2f0b
```
#4f2f0b rgb(79,47,11)
```
#60390e
```
#60390e rgb(96,57,14)
```
#714410
```
#714410 rgb(113,68,16)
```
#824e13
```
#824e13 rgb(130,78,19)
```
#935815
```
#935815 rgb(147,88,21)
```
#a56218
```
#a56218 rgb(165,98,24)
```
#b66d1a
```
#b66d1a rgb(182,109,26)
```
#c7771d
```
#c7771d rgb(199,119,29)
```
#d8811f
```
#d8811f rgb(216,129,31)
```

Shade Color Variation

#e08b2a
```
#e08b2a rgb(224,139,42)
```
#e3943b
```
#e3943b rgb(227,148,59)
```
#e59d4c
```
#e59d4c rgb(229,157,76)
```
#e8a75e
```
#e8a75e rgb(232,167,94)
```
#eab06f
```
#eab06f rgb(234,176,111)
```
#edba80
```
#edba80 rgb(237,186,128)
```
#efc391
```
#efc391 rgb(239,195,145)
```
#f2cca2
```
#f2cca2 rgb(242,204,162)
```
#f4d6b3
```
#f4d6b3 rgb(244,214,179)
```
#f7dfc5
```
#f7dfc5 rgb(247,223,197)
```
#f9e8d6
```
#f9e8d6 rgb(249,232,214)
```
#fcf2e7
```
#fcf2e7 rgb(252,242,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#837c75
```
#837c75 rgb(131,124,117)
```
#8c7c6b
```
#8c7c6b rgb(140,124,107)
```
#967d62
```
#967d62 rgb(150,125,98)
```
#9f7e58
```
#9f7e58 rgb(159,126,88)
```
#a97e4f
```
#a97e4f rgb(169,126,79)
```
#b27f45
```
#b27f45 rgb(178,127,69)
```
#bc7f3c
```
#bc7f3c rgb(188,127,60)
```
#c58032
```
#c58032 rgb(197,128,50)
```
#cf8029
```
#cf8029 rgb(207,128,41)
```
#d8811f
```
#d8811f rgb(216,129,31)
```
#e28216
```
#e28216 rgb(226,130,22)
```
#eb820c
```
#eb820c rgb(235,130,12)
```
#f58302
```
#f58302 rgb(245,131,2)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9e8d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b2f Protanopia 1% of men
#c19323 Deuteranopia 1% of men
#de7f87 Tritanopia 0.001% of the population

Trichromacy

#bc9129 Protanomaly 1% of men, 0.01% of women
#c98d21 Deuteranomaly 6% of men, 0.4% of women
#dc7f61 Tritanomaly 0.01% of the population

#d8811f hex color

#d8811f Color Information

#d8811f Color Conversion

Color Schemes with #d8811f

Alternatives to #d8811f

#d8811f Preview

Shades and Tints of #d8811f

Tones of #d8811f

Color Blindness Simulator