#de3300 hex color

In a RGB color space, hex #de3300 is composed of 87.1% red, 20% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 100% yellow and 12.9% black. It has a hue angle of 13.8 degrees, a saturation of 100% and a lightness of 43.5%. #de3300 color hex could be obtained by blending #ff6600 with #bd0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 87
- G 20
- B 0
RGB color chart
- C 0
- M 77
- Y 100
- K 13
CMYK color chart

● #de3300 color description : Pure (or mostly pure) red.

The hexadecimal color #de3300 has RGB values of R:222, G:51, B:0 and CMYK values of C:0, M:0.77, Y:1, K:0.13. Its decimal value is 14562048.

Hex triplet	de3300	`#de3300`
RGB Decimal	222, 51, 0	`rgb(222,51,0)`
RGB Percent	87.1, 20, 0	`rgb(87.1%,20%,0%)`
CMYK	0, 77, 100, 13
HSL	13.8°, 100, 43.5	`hsl(13.8,100%,43.5%)`
HSV (or HSB)	13.8°, 100, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.376, 63.523, 61.705
XYZ	31.31, 17.901, 1.807
xyY	0.614, 0.351, 17.901
CIE-LCH	49.376, 88.559, 44.168
CIE-LUV	49.376, 136.367, 38.171
Hunter-Lab	42.31, 58.05, 27.085
Binary	11011110, 00110011, 00000000

#de3300
```
#de3300 rgb(222,51,0)
```
#00abde
```
#00abde rgb(0,171,222)
```

Complementary Color

#de003c
```
#de003c rgb(222,0,60)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#dea200
```
#dea200 rgb(222,162,0)
```

Analogous Color

#003cde
```
#003cde rgb(0,60,222)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#00dea2
```
#00dea2 rgb(0,222,162)
```

Split Complementary Color

#3300de
```
#3300de rgb(51,0,222)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#00de33
```
#00de33 rgb(0,222,51)
```

Triadic Color

#de00ab
```
#de00ab rgb(222,0,171)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#00de33
```
#00de33 rgb(0,222,51)
```
#00abde
```
#00abde rgb(0,171,222)
```

Tetradic Color

#922100
```
#922100 rgb(146,33,0)
```
#ab2700
```
#ab2700 rgb(171,39,0)
```
#c52d00
```
#c52d00 rgb(197,45,0)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#f83900
```
#f83900 rgb(248,57,0)
```
#ff4812
```
#ff4812 rgb(255,72,18)
```
#ff5c2c
```
#ff5c2c rgb(255,92,44)
```

Monochromatic Color

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

#de0004
```
#de0004 rgb(222,0,4)
```
#de0e00
```
#de0e00 rgb(222,14,0)
```
#de2100
```
#de2100 rgb(222,33,0)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#de4600
```
#de4600 rgb(222,70,0)
```
#de5800
```
#de5800 rgb(222,88,0)
```
#de6b00
```
#de6b00 rgb(222,107,0)
```

Similar Colors

Text with hexadecimal color #de3300

This text has a font color of #de3300.

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

#de3300 background color

This paragraph has a background color of #de3300.

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

#de3300 border color

This element has a border color of #de3300.

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

CSS codes

.text {color:#de3300;}

.background {background-color:#de3300;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#1a0600
```
#1a0600 rgb(26,6,0)
```
#2d0a00
```
#2d0a00 rgb(45,10,0)
```
#410f00
```
#410f00 rgb(65,15,0)
```
#551300
```
#551300 rgb(85,19,0)
```
#681800
```
#681800 rgb(104,24,0)
```
#7c1c00
```
#7c1c00 rgb(124,28,0)
```
#902100
```
#902100 rgb(144,33,0)
```
#a32500
```
#a32500 rgb(163,37,0)
```
#b72a00
```
#b72a00 rgb(183,42,0)
```
#ca2e00
```
#ca2e00 rgb(202,46,0)
```
#de3300
```
#de3300 rgb(222,51,0)
```
#f23800
```
#f23800 rgb(242,56,0)
```

Shade Color Variation

#ff3f06
```
#ff3f06 rgb(255,63,6)
```
#ff4e1a
```
#ff4e1a rgb(255,78,26)
```
#ff5e2d
```
#ff5e2d rgb(255,94,45)
```
#ff6d41
```
#ff6d41 rgb(255,109,65)
```
#ff7c55
```
#ff7c55 rgb(255,124,85)
```
#ff8b68
```
#ff8b68 rgb(255,139,104)
```
#ff9a7c
```
#ff9a7c rgb(255,154,124)
```
#ffa990
```
#ffa990 rgb(255,169,144)
```
#ffb8a3
```
#ffb8a3 rgb(255,184,163)
```
#ffc7b7
```
#ffc7b7 rgb(255,199,183)
```
#ffd6ca
```
#ffd6ca rgb(255,214,202)
```
#ffe6de
```
#ffe6de rgb(255,230,222)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#786a66
```
#786a66 rgb(120,106,102)
```
#80665e
```
#80665e rgb(128,102,94)
```
#896155
```
#896155 rgb(137,97,85)
```
#915d4d
```
#915d4d rgb(145,93,77)
```
#9a5844
```
#9a5844 rgb(154,88,68)
```
#a2533c
```
#a2533c rgb(162,83,60)
```
#ab4f33
```
#ab4f33 rgb(171,79,51)
```
#b34a2b
```
#b34a2b rgb(179,74,43)
```
#bc4522
```
#bc4522 rgb(188,69,34)
```
#c4411a
```
#c4411a rgb(196,65,26)
```
#cd3c11
```
#cd3c11 rgb(205,60,17)
```
#d53809
```
#d53809 rgb(213,56,9)
```
#de3300
```
#de3300 rgb(222,51,0)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#79574d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c1c Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#e0393b Tritanopia 0.001% of the population

Trichromacy

#a96111 Protanomaly 1% of men, 0.01% of women
#b35e00 Deuteranomaly 6% of men, 0.4% of women
#df3725 Tritanomaly 0.01% of the population

#de3300 hex color

#de3300 Color Information

#de3300 Color Conversion

Color Schemes with #de3300

Alternatives to #de3300

#de3300 Preview

Shades and Tints of #de3300

Tones of #de3300

Color Blindness Simulator