#de501f hex color

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

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

● #de501f color description : Vivid orange.

The hexadecimal color #de501f has RGB values of R:222, G:80, B:31 and CMYK values of C:0, M:0.64, Y:0.86, K:0.13. Its decimal value is 14569503.

Hex triplet	de501f	`#de501f`
RGB Decimal	222, 80, 31	`rgb(222,80,31)`
RGB Percent	87.1, 31.4, 12.2	`rgb(87.1%,31.4%,12.2%)`
CMYK	0, 64, 86, 13
HSL	15.4°, 75.5, 49.6	`hsl(15.4,75.5%,49.6%)`
HSV (or HSB)	15.4°, 86, 87.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.352, 53.348, 54.963
XYZ	33.242, 21.37, 3.671
xyY	0.57, 0.367, 21.37
CIE-LCH	53.352, 76.596, 45.854
CIE-LUV	53.352, 115.587, 40.836
Hunter-Lab	46.227, 47.461, 27.651
Binary	11011110, 01010000, 00011111

#de501f
```
#de501f rgb(222,80,31)
```
#1fadde
```
#1fadde rgb(31,173,222)
```

Complementary Color

#de1f4e
```
#de1f4e rgb(222,31,78)
```
#de501f
```
#de501f rgb(222,80,31)
```
#deb01f
```
#deb01f rgb(222,176,31)
```

Analogous Color

#1f4ede
```
#1f4ede rgb(31,78,222)
```
#de501f
```
#de501f rgb(222,80,31)
```
#1fdeb0
```
#1fdeb0 rgb(31,222,176)
```

Split Complementary Color

#501fde
```
#501fde rgb(80,31,222)
```
#de501f
```
#de501f rgb(222,80,31)
```
#1fde50
```
#1fde50 rgb(31,222,80)
```

Triadic Color

#de1fad
```
#de1fad rgb(222,31,173)
```
#de501f
```
#de501f rgb(222,80,31)
```
#1fde50
```
#1fde50 rgb(31,222,80)
```
#1fadde
```
#1fadde rgb(31,173,222)
```

Tetradic Color

#9b3816
```
#9b3816 rgb(155,56,22)
```
#b14019
```
#b14019 rgb(177,64,25)
```
#c8481c
```
#c8481c rgb(200,72,28)
```
#de501f
```
#de501f rgb(222,80,31)
```
#e36134
```
#e36134 rgb(227,97,52)
```
#e6724a
```
#e6724a rgb(230,114,74)
```
#e98461
```
#e98461 rgb(233,132,97)
```

Monochromatic Color

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

#de201f
```
#de201f rgb(222,32,31)
```
#de301f
```
#de301f rgb(222,48,31)
```
#de401f
```
#de401f rgb(222,64,31)
```
#de501f
```
#de501f rgb(222,80,31)
```
#de601f
```
#de601f rgb(222,96,31)
```
#de701f
```
#de701f rgb(222,112,31)
```
#de801f
```
#de801f rgb(222,128,31)
```

Similar Colors

Text with hexadecimal color #de501f

This text has a font color of #de501f.

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

#de501f background color

This paragraph has a background color of #de501f.

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

#de501f border color

This element has a border color of #de501f.

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

CSS codes

.text {color:#de501f;}

.background {background-color:#de501f;}

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

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)
```
#210c05
```
#210c05 rgb(33,12,5)
```
#321207
```
#321207 rgb(50,18,7)
```
#431809
```
#431809 rgb(67,24,9)
```
#541e0c
```
#541e0c rgb(84,30,12)
```
#66250e
```
#66250e rgb(102,37,14)
```
#772b11
```
#772b11 rgb(119,43,17)
```
#883113
```
#883113 rgb(136,49,19)
```
#993715
```
#993715 rgb(153,55,21)
```
#aa3d18
```
#aa3d18 rgb(170,61,24)
```
#bc441a
```
#bc441a rgb(188,68,26)
```
#cd4a1d
```
#cd4a1d rgb(205,74,29)
```
#de501f
```
#de501f rgb(222,80,31)
```

Shade Color Variation

#e25d2f
```
#e25d2f rgb(226,93,47)
```
#e46a40
```
#e46a40 rgb(228,106,64)
```
#e77851
```
#e77851 rgb(231,120,81)
```
#e98562
```
#e98562 rgb(233,133,98)
```
#ec9274
```
#ec9274 rgb(236,146,116)
```
#eea085
```
#eea085 rgb(238,160,133)
```
#f0ad96
```
#f0ad96 rgb(240,173,150)
```
#f3bba7
```
#f3bba7 rgb(243,187,167)
```
#f5c8b8
```
#f5c8b8 rgb(245,200,184)
```
#f8d5ca
```
#f8d5ca rgb(248,213,202)
```
#fae3db
```
#fae3db rgb(250,227,219)
```
#fcf0ec
```
#fcf0ec rgb(252,240,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 #fb4202 is the most saturated one.

#867b77
```
#867b77 rgb(134,123,119)
```
#90766d
```
#90766d rgb(144,118,109)
```
#9a7163
```
#9a7163 rgb(154,113,99)
```
#a46c59
```
#a46c59 rgb(164,108,89)
```
#ad6850
```
#ad6850 rgb(173,104,80)
```
#b76346
```
#b76346 rgb(183,99,70)
```
#c15e3c
```
#c15e3c rgb(193,94,60)
```
#cb5932
```
#cb5932 rgb(203,89,50)
```
#d45529
```
#d45529 rgb(212,85,41)
```
#de501f
```
#de501f rgb(222,80,31)
```
#e84b15
```
#e84b15 rgb(232,75,21)
```
#f1470c
```
#f1470c rgb(241,71,12)
```
#fb4202
```
#fb4202 rgb(251,66,2)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8a6e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958635 Protanopia 1% of men
#a77f17 Deuteranopia 1% of men
#e15458 Tritanopia 0.001% of the population

Trichromacy

#af722d Protanomaly 1% of men, 0.01% of women
#bb6e1a Deuteranomaly 6% of men, 0.4% of women
#e05243 Tritanomaly 0.01% of the population

#de501f hex color

#de501f Color Information

#de501f Color Conversion

Color Schemes with #de501f

Alternatives to #de501f

#de501f Preview

Shades and Tints of #de501f

Tones of #de501f

Color Blindness Simulator