#d6871f hex color

In a RGB color space, hex #d6871f is composed of 83.9% red, 52.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 85.5% yellow and 16.1% black. It has a hue angle of 34.1 degrees, a saturation of 74.7% and a lightness of 48%. #d6871f color hex could be obtained by blending #ffff3e with #ad0f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 53
- B 12
RGB color chart
- C 0
- M 37
- Y 86
- K 16
CMYK color chart

● #d6871f color description : Strong orange.

The hexadecimal color #d6871f has RGB values of R:214, G:135, B:31 and CMYK values of C:0, M:0.37, Y:0.86, K:0.16. Its decimal value is 14059295.

Hex triplet	d6871f	`#d6871f`
RGB Decimal	214, 135, 31	`rgb(214,135,31)`
RGB Percent	83.9, 52.9, 12.2	`rgb(83.9%,52.9%,12.2%)`
CMYK	0, 37, 86, 16
HSL	34.1°, 74.7, 48	`hsl(34.1,74.7%,48%)`
HSV (or HSB)	34.1°, 85.5, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.116, 22.892, 62.519
XYZ	36.644, 31.726, 5.49
xyY	0.496, 0.43, 31.726
CIE-LCH	63.116, 66.578, 69.889
CIE-LUV	63.116, 65.017, 58.601
Hunter-Lab	56.326, 17.557, 33.649
Binary	11010110, 10000111, 00011111

#d6871f
```
#d6871f rgb(214,135,31)
```
#1f6ed6
```
#1f6ed6 rgb(31,110,214)
```

Complementary Color

#d62c1f
```
#d62c1f rgb(214,44,31)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#cad61f
```
#cad61f rgb(202,214,31)
```

Analogous Color

#2c1fd6
```
#2c1fd6 rgb(44,31,214)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#1fcad6
```
#1fcad6 rgb(31,202,214)
```

Split Complementary Color

#871fd6
```
#871fd6 rgb(135,31,214)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#1fd687
```
#1fd687 rgb(31,214,135)
```

Triadic Color

#d61f6e
```
#d61f6e rgb(214,31,110)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#1fd687
```
#1fd687 rgb(31,214,135)
```
#1f6ed6
```
#1f6ed6 rgb(31,110,214)
```

Tetradic Color

#935d15
```
#935d15 rgb(147,93,21)
```
#a96b19
```
#a96b19 rgb(169,107,25)
```
#c0791c
```
#c0791c rgb(192,121,28)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#e1932e
```
#e1932e rgb(225,147,46)
```
#e49f44
```
#e49f44 rgb(228,159,68)
```
#e7aa5a
```
#e7aa5a rgb(231,170,90)
```

Monochromatic Color

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

#d6591f
```
#d6591f rgb(214,89,31)
```
#d6691f
```
#d6691f rgb(214,105,31)
```
#d6781f
```
#d6781f rgb(214,120,31)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#d6961f
```
#d6961f rgb(214,150,31)
```
#d6a61f
```
#d6a61f rgb(214,166,31)
```
#d6b51f
```
#d6b51f rgb(214,181,31)
```

Similar Colors

Text with hexadecimal color #d6871f

This text has a font color of #d6871f.

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

#d6871f background color

This paragraph has a background color of #d6871f.

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

#d6871f border color

This element has a border color of #d6871f.

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

CSS codes

.text {color:#d6871f;}

.background {background-color:#d6871f;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a1004
```
#1a1004 rgb(26,16,4)
```
#2b1b06
```
#2b1b06 rgb(43,27,6)
```
#3c2609
```
#3c2609 rgb(60,38,9)
```
#4d310b
```
#4d310b rgb(77,49,11)
```
#5e3b0e
```
#5e3b0e rgb(94,59,14)
```
#6f4610
```
#6f4610 rgb(111,70,16)
```
#805113
```
#805113 rgb(128,81,19)
```
#915c15
```
#915c15 rgb(145,92,21)
```
#a36718
```
#a36718 rgb(163,103,24)
```
#b4711a
```
#b4711a rgb(180,113,26)
```
#c57c1d
```
#c57c1d rgb(197,124,29)
```
#d6871f
```
#d6871f rgb(214,135,31)
```

Shade Color Variation

#e09129
```
#e09129 rgb(224,145,41)
```
#e29a3a
```
#e29a3a rgb(226,154,58)
```
#e5a24b
```
#e5a24b rgb(229,162,75)
```
#e7ab5c
```
#e7ab5c rgb(231,171,92)
```
#eab46d
```
#eab46d rgb(234,180,109)
```
#ecbd7e
```
#ecbd7e rgb(236,189,126)
```
#efc68f
```
#efc68f rgb(239,198,143)
```
#f1cea1
```
#f1cea1 rgb(241,206,161)
```
#f4d7b2
```
#f4d7b2 rgb(244,215,178)
```
#f6e0c3
```
#f6e0c3 rgb(246,224,195)
```
#f9e9d4
```
#f9e9d4 rgb(249,233,212)
```
#fbf2e5
```
#fbf2e5 rgb(251,242,229)
```
#fefbf6
```
#fefbf6 rgb(254,251,246)
```

Tint Color Variation

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

#817b74
```
#817b74 rgb(129,123,116)
```
#8b7d6a
```
#8b7d6a rgb(139,125,106)
```
#947e61
```
#947e61 rgb(148,126,97)
```
#9d7f58
```
#9d7f58 rgb(157,127,88)
```
#a7814e
```
#a7814e rgb(167,129,78)
```
#b08245
```
#b08245 rgb(176,130,69)
```
#ba833b
```
#ba833b rgb(186,131,59)
```
#c38432
```
#c38432 rgb(195,132,50)
```
#cd8628
```
#cd8628 rgb(205,134,40)
```
#d6871f
```
#d6871f rgb(214,135,31)
```
#df8816
```
#df8816 rgb(223,136,22)
```
#e98a0c
```
#e98a0c rgb(233,138,12)
```
#f28b03
```
#f28b03 rgb(242,139,3)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a0917c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e2f Protanopia 1% of men
#c59625 Deuteranopia 1% of men
#dd848d Tritanopia 0.001% of the population

Trichromacy

#be9529 Protanomaly 1% of men, 0.01% of women
#cb9022 Deuteranomaly 6% of men, 0.4% of women
#da8565 Tritanomaly 0.01% of the population

#d6871f hex color

#d6871f Color Information

#d6871f Color Conversion

Color Schemes with #d6871f

Alternatives to #d6871f

#d6871f Preview

Shades and Tints of #d6871f

Tones of #d6871f

Color Blindness Simulator