colorhexa.com

#de2f02 hex color

In a RGB color space, hex #de2f02 is composed of 87.1% red, 18.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.8% magenta, 99.1% yellow and 12.9% black. It has a hue angle of 12.3 degrees, a saturation of 98.2% and a lightness of 43.9%. #de2f02 color hex could be obtained by blending #ff5e04 with #bd0000. Closest websafe color is: #cc3300.

- R 87
- G 18
- B 1
RGB color chart
- C 0
- M 79
- Y 99
- K 13
CMYK color chart

● #de2f02 color description : Vivid red.

The hexadecimal color #de2f02 has RGB values of R:222, G:47, B:2 and CMYK values of C:0, M:0.79, Y:0.99, K:0.13. Its decimal value is 14561026.

Hex triplet	de2f02	`#de2f02`
RGB Decimal	222, 47, 2	`rgb(222,47,2)`
RGB Percent	87.1, 18.4, 0.8	`rgb(87.1%,18.4%,0.8%)`
CMYK	0, 79, 99, 13
HSL	12.3°, 98.2, 43.9	`hsl(12.3,98.2%,43.9%)`
HSV (or HSB)	12.3°, 99.1, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.972, 64.691, 60.989
XYZ	31.153, 17.571, 1.809
xyY	0.616, 0.348, 17.571
CIE-LCH	48.972, 88.908, 43.313
CIE-LUV	48.972, 138.365, 37.268
Hunter-Lab	41.918, 59.306, 26.784
Binary	11011110, 00101111, 00000010

#de2f02
```
#de2f02 rgb(222,47,2)
```
#02b1de
```
#02b1de rgb(2,177,222)
```

Complementary Color

#de0243
```
#de0243 rgb(222,2,67)
```
#de2f02
```
#de2f02 rgb(222,47,2)
```
#de9d02
```
#de9d02 rgb(222,157,2)
```

Analogous Color

#0243de
```
#0243de rgb(2,67,222)
```
#de2f02
```
#de2f02 rgb(222,47,2)
```
#02de9d
```
#02de9d rgb(2,222,157)
```

Split Complementary Color

#921f01
```
#921f01 rgb(146,31,1)
```
#ab2402
```
#ab2402 rgb(171,36,2)
```
#c52a02
```
#c52a02 rgb(197,42,2)
```
#de2f02
```
#de2f02 rgb(222,47,2)
```
#f73402
```
#f73402 rgb(247,52,2)
```
#fd4516
```
#fd4516 rgb(253,69,22)
```
#fd592f
```
#fd592f rgb(253,89,47)
```

Monochromatic Color

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

#de020c
```
#de020c rgb(222,2,12)
```
#de0a02
```
#de0a02 rgb(222,10,2)
```
#de1d02
```
#de1d02 rgb(222,29,2)
```
#de2f02
```
#de2f02 rgb(222,47,2)
```
#de4102
```
#de4102 rgb(222,65,2)
```
#de5402
```
#de5402 rgb(222,84,2)
```
#de6602
```
#de6602 rgb(222,102,2)
```

Similar Colors

Text with hexadecimal color #de2f02

This text has a font color of #de2f02.

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

#de2f02 background color

This paragraph has a background color of #de2f02.

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

#de2f02 border color

This element has a border color of #de2f02.

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

CSS codes

.text {color:#de2f02;}

.background {background-color:#de2f02;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1c0600
```
#1c0600 rgb(28,6,0)
```
#2f0a00
```
#2f0a00 rgb(47,10,0)
```
#420e01
```
#420e01 rgb(66,14,1)
```
#561201
```
#561201 rgb(86,18,1)
```
#691601
```
#691601 rgb(105,22,1)
```
#7d1a01
```
#7d1a01 rgb(125,26,1)
```
#901f01
```
#901f01 rgb(144,31,1)
```
#a42301
```
#a42301 rgb(164,35,1)
```
#b72702
```
#b72702 rgb(183,39,2)
```
#cb2b02
```
#cb2b02 rgb(203,43,2)
```
#de2f02
```
#de2f02 rgb(222,47,2)
```
#f13302
```
#f13302 rgb(241,51,2)
```

Shade Color Variation

#fd3c0a
```
#fd3c0a rgb(253,60,10)
```
#fd4c1e
```
#fd4c1e rgb(253,76,30)
```
#fd5b31
```
#fd5b31 rgb(253,91,49)
```
#fd6b45
```
#fd6b45 rgb(253,107,69)
```
#fd7a58
```
#fd7a58 rgb(253,122,88)
```
#fe8a6c
```
#fe8a6c rgb(254,138,108)
```
#fe997f
```
#fe997f rgb(254,153,127)
```
#fea993
```
#fea993 rgb(254,169,147)
```
#feb8a6
```
#feb8a6 rgb(254,184,166)
```
#fec8b9
```
#fec8b9 rgb(254,200,185)
```
#ffd7cd
```
#ffd7cd rgb(255,215,205)
```
#ffe7e0
```
#ffe7e0 rgb(255,231,224)
```
#fff6f4
```
#fff6f4 rgb(255,246,244)
```

Tint Color Variation

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

#776c69
```
#776c69 rgb(119,108,105)
```
#7f6761
```
#7f6761 rgb(127,103,97)
```
#886258
```
#886258 rgb(136,98,88)
```
#905d50
```
#905d50 rgb(144,93,80)
```
#995847
```
#995847 rgb(153,88,71)
```
#a2533e
```
#a2533e rgb(162,83,62)
```
#aa4e36
```
#aa4e36 rgb(170,78,54)
```
#b3482d
```
#b3482d rgb(179,72,45)
```
#bc4324
```
#bc4324 rgb(188,67,36)
```
#c43e1c
```
#c43e1c rgb(196,62,28)
```
#cd3913
```
#cd3913 rgb(205,57,19)
```
#d5340b
```
#d5340b rgb(213,52,11)
```
#de2f02
```
#de2f02 rgb(222,47,2)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#78554c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7b1e Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#e03637 Tritanopia 0.001% of the population

Trichromacy

#a85f14 Protanomaly 1% of men, 0.01% of women
#b25c00 Deuteranomaly 6% of men, 0.4% of women
#df3323 Tritanomaly 0.01% of the population