#de3002 hex color

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

♥
- f
- t
- g
- R 87
- G 19
- B 1
RGB color chart
- C 0
- M 78
- Y 99
- K 13
CMYK color chart

● #de3002 color description : Vivid red.

The hexadecimal color #de3002 has RGB values of R:222, G:48, B:2 and CMYK values of C:0, M:0.78, Y:0.99, K:0.13. Its decimal value is 14561282.

Hex triplet	de3002	`#de3002`
RGB Decimal	222, 48, 2	`rgb(222,48,2)`
RGB Percent	87.1, 18.8, 0.8	`rgb(87.1%,18.8%,0.8%)`
CMYK	0, 78, 99, 13
HSL	12.5°, 98.2, 43.9	`hsl(12.5,98.2%,43.9%)`
HSV (or HSB)	12.5°, 99.1, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.071, 64.411, 61.035
XYZ	31.194, 17.652, 1.822
xyY	0.616, 0.348, 17.652
CIE-LCH	49.071, 88.735, 43.458
CIE-LUV	49.071, 137.851, 37.442
Hunter-Lab	42.014, 59.004, 26.838
Binary	11011110, 00110000, 00000010

#de3002
```
#de3002 rgb(222,48,2)
```
#02b0de
```
#02b0de rgb(2,176,222)
```

Complementary Color

#de0242
```
#de0242 rgb(222,2,66)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#de9e02
```
#de9e02 rgb(222,158,2)
```

Analogous Color

#0242de
```
#0242de rgb(2,66,222)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#02de9e
```
#02de9e rgb(2,222,158)
```

Split Complementary Color

#3002de
```
#3002de rgb(48,2,222)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#02de30
```
#02de30 rgb(2,222,48)
```

Triadic Color

#de02b0
```
#de02b0 rgb(222,2,176)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#02de30
```
#02de30 rgb(2,222,48)
```
#02b0de
```
#02b0de rgb(2,176,222)
```

Tetradic Color

#922001
```
#922001 rgb(146,32,1)
```
#ab2502
```
#ab2502 rgb(171,37,2)
```
#c52b02
```
#c52b02 rgb(197,43,2)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#f73502
```
#f73502 rgb(247,53,2)
```
#fd4616
```
#fd4616 rgb(253,70,22)
```
#fd5a2f
```
#fd5a2f rgb(253,90,47)
```

Monochromatic Color

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

#de020b
```
#de020b rgb(222,2,11)
```
#de0b02
```
#de0b02 rgb(222,11,2)
```
#de1e02
```
#de1e02 rgb(222,30,2)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#de4202
```
#de4202 rgb(222,66,2)
```
#de5502
```
#de5502 rgb(222,85,2)
```
#de6702
```
#de6702 rgb(222,103,2)
```

Similar Colors

Text with hexadecimal color #de3002

This text has a font color of #de3002.

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

#de3002 background color

This paragraph has a background color of #de3002.

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

#de3002 border color

This element has a border color of #de3002.

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

CSS codes

.text {color:#de3002;}

.background {background-color:#de3002;}

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

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)
```
#561301
```
#561301 rgb(86,19,1)
```
#691701
```
#691701 rgb(105,23,1)
```
#7d1b01
```
#7d1b01 rgb(125,27,1)
```
#901f01
```
#901f01 rgb(144,31,1)
```
#a42301
```
#a42301 rgb(164,35,1)
```
#b72802
```
#b72802 rgb(183,40,2)
```
#cb2c02
```
#cb2c02 rgb(203,44,2)
```
#de3002
```
#de3002 rgb(222,48,2)
```
#f13402
```
#f13402 rgb(241,52,2)
```

Shade Color Variation

#fd3d0a
```
#fd3d0a rgb(253,61,10)
```
#fd4d1e
```
#fd4d1e rgb(253,77,30)
```
#fd5c31
```
#fd5c31 rgb(253,92,49)
```
#fd6b45
```
#fd6b45 rgb(253,107,69)
```
#fd7b58
```
#fd7b58 rgb(253,123,88)
```
#fe8a6c
```
#fe8a6c rgb(254,138,108)
```
#fe9a7f
```
#fe9a7f rgb(254,154,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 #de3002 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)
```
#b3492d
```
#b3492d rgb(179,73,45)
```
#bc4424
```
#bc4424 rgb(188,68,36)
```
#c43f1c
```
#c43f1c rgb(196,63,28)
```
#cd3a13
```
#cd3a13 rgb(205,58,19)
```
#d5350b
```
#d5350b rgb(213,53,11)
```
#de3002
```
#de3002 rgb(222,48,2)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#78564c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c1e Protanopia 1% of men
#9a7600 Deuteranopia 1% of men
#e03738 Tritanopia 0.001% of the population

Trichromacy

#a86014 Protanomaly 1% of men, 0.01% of women
#b35c00 Deuteranomaly 6% of men, 0.4% of women
#df3424 Tritanomaly 0.01% of the population

#de3002 hex color

#de3002 Color Information

#de3002 Color Conversion

Color Schemes with #de3002

Alternatives to #de3002

#de3002 Preview

Shades and Tints of #de3002

Tones of #de3002

Color Blindness Simulator