#de865f hex color

In a RGB color space, hex #de865f is composed of 87.1% red, 52.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.6% magenta, 57.2% yellow and 12.9% black. It has a hue angle of 18.4 degrees, a saturation of 65.8% and a lightness of 62.2%. #de865f color hex could be obtained by blending #ffffbe with #bd0d00. Closest websafe color is: #cc9966.

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

● #de865f color description : Soft orange.

The hexadecimal color #de865f has RGB values of R:222, G:134, B:95 and CMYK values of C:0, M:0.4, Y:0.57, K:0.13. Its decimal value is 14583391.

Hex triplet	de865f	`#de865f`
RGB Decimal	222, 134, 95	`rgb(222,134,95)`
RGB Percent	87.1, 52.5, 37.3	`rgb(87.1%,52.5%,37.3%)`
CMYK	0, 40, 57, 13
HSL	18.4°, 65.8, 62.2	`hsl(18.4,65.8%,62.2%)`
HSV (or HSB)	18.4°, 57.2, 87.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.491, 29.973, 35.186
XYZ	40.716, 33.409, 15.13
xyY	0.456, 0.374, 33.409
CIE-LCH	64.491, 46.221, 49.573
CIE-LUV	64.491, 66.648, 36.626
Hunter-Lab	57.8, 24.588, 24.94
Binary	11011110, 10000110, 01011111

#de865f
```
#de865f rgb(222,134,95)
```
#5fb7de
```
#5fb7de rgb(95,183,222)
```

Complementary Color

#de5f78
```
#de5f78 rgb(222,95,120)
```
#de865f
```
#de865f rgb(222,134,95)
```
#dec65f
```
#dec65f rgb(222,198,95)
```

Analogous Color

#5f78de
```
#5f78de rgb(95,120,222)
```
#de865f
```
#de865f rgb(222,134,95)
```
#5fdec6
```
#5fdec6 rgb(95,222,198)
```

Split Complementary Color

#865fde
```
#865fde rgb(134,95,222)
```
#de865f
```
#de865f rgb(222,134,95)
```
#5fde86
```
#5fde86 rgb(95,222,134)
```

Triadic Color

#de5fb7
```
#de5fb7 rgb(222,95,183)
```
#de865f
```
#de865f rgb(222,134,95)
```
#5fde86
```
#5fde86 rgb(95,222,134)
```
#5fb7de
```
#5fb7de rgb(95,183,222)
```

Tetradic Color

#c75a29
```
#c75a29 rgb(199,90,41)
```
#d56635
```
#d56635 rgb(213,102,53)
```
#da764a
```
#da764a rgb(218,118,74)
```
#de865f
```
#de865f rgb(222,134,95)
```
#e29674
```
#e29674 rgb(226,150,116)
```
#e7a689
```
#e7a689 rgb(231,166,137)
```
#ebb69e
```
#ebb69e rgb(235,182,158)
```

Monochromatic Color

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

#de665f
```
#de665f rgb(222,102,95)
```
#de715f
```
#de715f rgb(222,113,95)
```
#de7b5f
```
#de7b5f rgb(222,123,95)
```
#de865f
```
#de865f rgb(222,134,95)
```
#de915f
```
#de915f rgb(222,145,95)
```
#de9b5f
```
#de9b5f rgb(222,155,95)
```
#dea65f
```
#dea65f rgb(222,166,95)
```

Similar Colors

Text with hexadecimal color #de865f

This text has a font color of #de865f.

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

#de865f background color

This paragraph has a background color of #de865f.

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

#de865f border color

This element has a border color of #de865f.

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

CSS codes

.text {color:#de865f;}

.background {background-color:#de865f;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130804
```
#130804 rgb(19,8,4)
```
#231007
```
#231007 rgb(35,16,7)
```
#33170b
```
#33170b rgb(51,23,11)
```
#441e0e
```
#441e0e rgb(68,30,14)
```
#542611
```
#542611 rgb(84,38,17)
```
#642d15
```
#642d15 rgb(100,45,21)
```
#743418
```
#743418 rgb(116,52,24)
```
#853c1b
```
#853c1b rgb(133,60,27)
```
#95431f
```
#95431f rgb(149,67,31)
```
#a54a22
```
#a54a22 rgb(165,74,34)
```
#b55225
```
#b55225 rgb(181,82,37)
```
#c65929
```
#c65929 rgb(198,89,41)
```

Shade Color Variation

#d4612e
```
#d4612e rgb(212,97,46)
```
#d76d3e
```
#d76d3e rgb(215,109,62)
```
#db7a4f
```
#db7a4f rgb(219,122,79)
```
#de865f
```
#de865f rgb(222,134,95)
```
#e1926f
```
#e1926f rgb(225,146,111)
```
#e59f80
```
#e59f80 rgb(229,159,128)
```
#e8ab90
```
#e8ab90 rgb(232,171,144)
```
#ebb7a0
```
#ebb7a0 rgb(235,183,160)
```
#efc3b0
```
#efc3b0 rgb(239,195,176)
```
#f2d0c1
```
#f2d0c1 rgb(242,208,193)
```
#f5dcd1
```
#f5dcd1 rgb(245,220,209)
```
#f9e8e1
```
#f9e8e1 rgb(249,232,225)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#a39d9a
```
#a39d9a rgb(163,157,154)
```
#aa9a93
```
#aa9a93 rgb(170,154,147)
```
#b1978c
```
#b1978c rgb(177,151,140)
```
#b99484
```
#b99484 rgb(185,148,132)
```
#c0917d
```
#c0917d rgb(192,145,125)
```
#c88f75
```
#c88f75 rgb(200,143,117)
```
#cf8c6e
```
#cf8c6e rgb(207,140,110)
```
#d78966
```
#d78966 rgb(215,137,102)
```
#de865f
```
#de865f rgb(222,134,95)
```
#e58358
```
#e58358 rgb(229,131,88)
```
#ed8050
```
#ed8050 rgb(237,128,80)
```
#f47d49
```
#f47d49 rgb(244,125,73)
```
#fc7b41
```
#fc7b41 rgb(252,123,65)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a99890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea16f Protanopia 1% of men
#c29a63 Deuteranopia 1% of men
#e2868f Tritanopia 0.001% of the population

Trichromacy

#bf9769 Protanomaly 1% of men, 0.01% of women
#cc9361 Deuteranomaly 6% of men, 0.4% of women
#e1867e Tritanomaly 0.01% of the population

#de865f hex color

#de865f Color Information

#de865f Color Conversion

Color Schemes with #de865f

Alternatives to #de865f

#de865f Preview

Shades and Tints of #de865f

Tones of #de865f

Color Blindness Simulator