#de861f hex color

In a RGB color space, hex #de861f is composed of 87.1% red, 52.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.6% magenta, 86% yellow and 12.9% black. It has a hue angle of 32.4 degrees, a saturation of 75.5% and a lightness of 49.6%. #de861f color hex could be obtained by blending #ffff3e with #bd0d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 53
- B 12
RGB color chart
- C 0
- M 40
- Y 86
- K 13
CMYK color chart

● #de861f color description : Vivid orange.

The hexadecimal color #de861f has RGB values of R:222, G:134, B:31 and CMYK values of C:0, M:0.4, Y:0.86, K:0.13. Its decimal value is 14583327.

Hex triplet	de861f	`#de861f`
RGB Decimal	222, 134, 31	`rgb(222,134,31)`
RGB Percent	87.1, 52.5, 12.2	`rgb(87.1%,52.5%,12.2%)`
CMYK	0, 40, 86, 13
HSL	32.4°, 75.5, 49.6	`hsl(32.4,75.5%,49.6%)`
HSV (or HSB)	32.4°, 86, 87.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.902, 26.814, 63.581
XYZ	38.898, 32.682, 5.556
xyY	0.504, 0.424, 32.682
CIE-LCH	63.902, 69.004, 67.134
CIE-LUV	63.902, 72.468, 58.632
Hunter-Lab	57.168, 21.41, 34.255
Binary	11011110, 10000110, 00011111

#de861f
```
#de861f rgb(222,134,31)
```
#1f77de
```
#1f77de rgb(31,119,222)
```

Complementary Color

#de261f
```
#de261f rgb(222,38,31)
```
#de861f
```
#de861f rgb(222,134,31)
```
#d7de1f
```
#d7de1f rgb(215,222,31)
```

Analogous Color

#271fde
```
#271fde rgb(39,31,222)
```
#de861f
```
#de861f rgb(222,134,31)
```
#1fd7de
```
#1fd7de rgb(31,215,222)
```

Split Complementary Color

#861fde
```
#861fde rgb(134,31,222)
```
#de861f
```
#de861f rgb(222,134,31)
```
#1fde86
```
#1fde86 rgb(31,222,134)
```

Triadic Color

#de1f77
```
#de1f77 rgb(222,31,119)
```
#de861f
```
#de861f rgb(222,134,31)
```
#1fde86
```
#1fde86 rgb(31,222,134)
```
#1f77de
```
#1f77de rgb(31,119,222)
```

Tetradic Color

#9b5d16
```
#9b5d16 rgb(155,93,22)
```
#b16b19
```
#b16b19 rgb(177,107,25)
```
#c8781c
```
#c8781c rgb(200,120,28)
```
#de861f
```
#de861f rgb(222,134,31)
```
#e39234
```
#e39234 rgb(227,146,52)
```
#e69e4a
```
#e69e4a rgb(230,158,74)
```
#e9aa61
```
#e9aa61 rgb(233,170,97)
```

Monochromatic Color

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

#de561f
```
#de561f rgb(222,86,31)
```
#de661f
```
#de661f rgb(222,102,31)
```
#de761f
```
#de761f rgb(222,118,31)
```
#de861f
```
#de861f rgb(222,134,31)
```
#de961f
```
#de961f rgb(222,150,31)
```
#dea61f
```
#dea61f rgb(222,166,31)
```
#deb61f
```
#deb61f rgb(222,182,31)
```

Similar Colors

Text with hexadecimal color #de861f

This text has a font color of #de861f.

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

#de861f background color

This paragraph has a background color of #de861f.

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

#de861f border color

This element has a border color of #de861f.

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

CSS codes

.text {color:#de861f;}

.background {background-color:#de861f;}

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

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

#0f0902
```
#0f0902 rgb(15,9,2)
```
#211405
```
#211405 rgb(33,20,5)
```
#321e07
```
#321e07 rgb(50,30,7)
```
#432809
```
#432809 rgb(67,40,9)
```
#54330c
```
#54330c rgb(84,51,12)
```
#663d0e
```
#663d0e rgb(102,61,14)
```
#774811
```
#774811 rgb(119,72,17)
```
#885213
```
#885213 rgb(136,82,19)
```
#995c15
```
#995c15 rgb(153,92,21)
```
#aa6718
```
#aa6718 rgb(170,103,24)
```
#bc711a
```
#bc711a rgb(188,113,26)
```
#cd7c1d
```
#cd7c1d rgb(205,124,29)
```
#de861f
```
#de861f rgb(222,134,31)
```

Shade Color Variation

#e28f2f
```
#e28f2f rgb(226,143,47)
```
#e49940
```
#e49940 rgb(228,153,64)
```
#e7a251
```
#e7a251 rgb(231,162,81)
```
#e9ab62
```
#e9ab62 rgb(233,171,98)
```
#ecb474
```
#ecb474 rgb(236,180,116)
```
#eebd85
```
#eebd85 rgb(238,189,133)
```
#f0c796
```
#f0c796 rgb(240,199,150)
```
#f3d0a7
```
#f3d0a7 rgb(243,208,167)
```
#f5d9b8
```
#f5d9b8 rgb(245,217,184)
```
#f8e2ca
```
#f8e2ca rgb(248,226,202)
```
#faecdb
```
#faecdb rgb(250,236,219)
```
#fcf5ec
```
#fcf5ec rgb(252,245,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#867f77
```
#867f77 rgb(134,127,119)
```
#90806d
```
#90806d rgb(144,128,109)
```
#9a8163
```
#9a8163 rgb(154,129,99)
```
#a48159
```
#a48159 rgb(164,129,89)
```
#ad8250
```
#ad8250 rgb(173,130,80)
```
#b78346
```
#b78346 rgb(183,131,70)
```
#c1843c
```
#c1843c rgb(193,132,60)
```
#cb8432
```
#cb8432 rgb(203,132,50)
```
#d48529
```
#d48529 rgb(212,133,41)
```
#de861f
```
#de861f rgb(222,134,31)
```
#e88715
```
#e88715 rgb(232,135,21)
```
#f1880c
```
#f1880c rgb(241,136,12)
```
#fb8802
```
#fb8802 rgb(251,136,2)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a4927d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a02f Protanopia 1% of men
#c79823 Deuteranopia 1% of men
#e4838c Tritanopia 0.001% of the population

Trichromacy

#c29629 Protanomaly 1% of men, 0.01% of women
#cf9121 Deuteranomaly 6% of men, 0.4% of women
#e28464 Tritanomaly 0.01% of the population

#de861f hex color

#de861f Color Information

#de861f Color Conversion

Color Schemes with #de861f

Alternatives to #de861f

#de861f Preview

Shades and Tints of #de861f

Tones of #de861f

Color Blindness Simulator