#de5a1f hex color

In a RGB color space, hex #de5a1f is composed of 87.1% red, 35.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.5% magenta, 86% yellow and 12.9% black. It has a hue angle of 18.5 degrees, a saturation of 75.5% and a lightness of 49.6%. #de5a1f color hex could be obtained by blending #ffb43e with #bd0000. Closest websafe color is: #cc6633.

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

● #de5a1f color description : Vivid orange.

The hexadecimal color #de5a1f has RGB values of R:222, G:90, B:31 and CMYK values of C:0, M:0.59, Y:0.86, K:0.13. Its decimal value is 14572063.

Hex triplet	de5a1f	`#de5a1f`
RGB Decimal	222, 90, 31	`rgb(222,90,31)`
RGB Percent	87.1, 35.3, 12.2	`rgb(87.1%,35.3%,12.2%)`
CMYK	0, 59, 86, 13
HSL	18.5°, 75.5, 49.6	`hsl(18.5,75.5%,49.6%)`
HSV (or HSB)	18.5°, 86, 87.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.015, 48.938, 56.327
XYZ	34.029, 22.944, 3.933
xyY	0.559, 0.377, 22.944
CIE-LCH	55.015, 74.616, 49.015
CIE-LUV	55.015, 108.124, 43.74
Hunter-Lab	47.9, 42.983, 28.662
Binary	11011110, 01011010, 00011111

#de5a1f
```
#de5a1f rgb(222,90,31)
```
#1fa3de
```
#1fa3de rgb(31,163,222)
```

Complementary Color

#de1f44
```
#de1f44 rgb(222,31,68)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#deba1f
```
#deba1f rgb(222,186,31)
```

Analogous Color

#1f44de
```
#1f44de rgb(31,68,222)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#1fdeba
```
#1fdeba rgb(31,222,186)
```

Split Complementary Color

#5a1fde
```
#5a1fde rgb(90,31,222)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#1fde5a
```
#1fde5a rgb(31,222,90)
```

Triadic Color

#de1fa3
```
#de1fa3 rgb(222,31,163)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#1fde5a
```
#1fde5a rgb(31,222,90)
```
#1fa3de
```
#1fa3de rgb(31,163,222)
```

Tetradic Color

#9b3f16
```
#9b3f16 rgb(155,63,22)
```
#b14819
```
#b14819 rgb(177,72,25)
```
#c8511c
```
#c8511c rgb(200,81,28)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#e36a34
```
#e36a34 rgb(227,106,52)
```
#e67a4a
```
#e67a4a rgb(230,122,74)
```
#e98b61
```
#e98b61 rgb(233,139,97)
```

Monochromatic Color

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

#de2a1f
```
#de2a1f rgb(222,42,31)
```
#de3a1f
```
#de3a1f rgb(222,58,31)
```
#de4a1f
```
#de4a1f rgb(222,74,31)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#de6a1f
```
#de6a1f rgb(222,106,31)
```
#de7a1f
```
#de7a1f rgb(222,122,31)
```
#de8a1f
```
#de8a1f rgb(222,138,31)
```

Similar Colors

Text with hexadecimal color #de5a1f

This text has a font color of #de5a1f.

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

#de5a1f background color

This paragraph has a background color of #de5a1f.

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

#de5a1f border color

This element has a border color of #de5a1f.

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

CSS codes

.text {color:#de5a1f;}

.background {background-color:#de5a1f;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#210d05
```
#210d05 rgb(33,13,5)
```
#321407
```
#321407 rgb(50,20,7)
```
#431b09
```
#431b09 rgb(67,27,9)
```
#54220c
```
#54220c rgb(84,34,12)
```
#66290e
```
#66290e rgb(102,41,14)
```
#773011
```
#773011 rgb(119,48,17)
```
#883713
```
#883713 rgb(136,55,19)
```
#993e15
```
#993e15 rgb(153,62,21)
```
#aa4518
```
#aa4518 rgb(170,69,24)
```
#bc4c1a
```
#bc4c1a rgb(188,76,26)
```
#cd531d
```
#cd531d rgb(205,83,29)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```

Shade Color Variation

#e2662f
```
#e2662f rgb(226,102,47)
```
#e47340
```
#e47340 rgb(228,115,64)
```
#e77f51
```
#e77f51 rgb(231,127,81)
```
#e98c62
```
#e98c62 rgb(233,140,98)
```
#ec9974
```
#ec9974 rgb(236,153,116)
```
#eea585
```
#eea585 rgb(238,165,133)
```
#f0b296
```
#f0b296 rgb(240,178,150)
```
#f3bfa7
```
#f3bfa7 rgb(243,191,167)
```
#f5cbb8
```
#f5cbb8 rgb(245,203,184)
```
#f8d8ca
```
#f8d8ca rgb(248,216,202)
```
#fae4db
```
#fae4db rgb(250,228,219)
```
#fcf1ec
```
#fcf1ec rgb(252,241,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#867b77
```
#867b77 rgb(134,123,119)
```
#90786d
```
#90786d rgb(144,120,109)
```
#9a7463
```
#9a7463 rgb(154,116,99)
```
#a47059
```
#a47059 rgb(164,112,89)
```
#ad6d50
```
#ad6d50 rgb(173,109,80)
```
#b76946
```
#b76946 rgb(183,105,70)
```
#c1653c
```
#c1653c rgb(193,101,60)
```
#cb6132
```
#cb6132 rgb(203,97,50)
```
#d45e29
```
#d45e29 rgb(212,94,41)
```
#de5a1f
```
#de5a1f rgb(222,90,31)
```
#e85615
```
#e85615 rgb(232,86,21)
```
#f1530c
```
#f1530c rgb(241,83,12)
```
#fb4f02
```
#fb4f02 rgb(251,79,2)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8f7469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a34 Protanopia 1% of men
#ac8319 Deuteranopia 1% of men
#e15c62 Tritanopia 0.001% of the population

Trichromacy

#b2782c Protanomaly 1% of men, 0.01% of women
#be741b Deuteranomaly 6% of men, 0.4% of women
#e05b49 Tritanomaly 0.01% of the population

#de5a1f hex color

#de5a1f Color Information

#de5a1f Color Conversion

Color Schemes with #de5a1f

Alternatives to #de5a1f

#de5a1f Preview

Shades and Tints of #de5a1f

Tones of #de5a1f

Color Blindness Simulator