#de2500 hex color

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

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

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

The hexadecimal color #de2500 has RGB values of R:222, G:37, B:0 and CMYK values of C:0, M:0.83, Y:1, K:0.13. Its decimal value is 14558464.

Hex triplet	de2500	`#de2500`
RGB Decimal	222, 37, 0	`rgb(222,37,0)`
RGB Percent	87.1, 14.5, 0	`rgb(87.1%,14.5%,0%)`
CMYK	0, 83, 100, 13
HSL	10°, 100, 43.5	`hsl(10,100%,43.5%)`
HSV (or HSB)	10°, 100, 87.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.079, 67.183, 61.163
XYZ	30.787, 16.857, 1.633
xyY	0.625, 0.342, 16.857
CIE-LCH	48.079, 90.854, 42.314
CIE-LUV	48.079, 143.112, 35.912
Hunter-Lab	41.057, 62.003, 26.382
Binary	11011110, 00100101, 00000000

#de2500
```
#de2500 rgb(222,37,0)
```
#00b9de
```
#00b9de rgb(0,185,222)
```

Complementary Color

#de004a
```
#de004a rgb(222,0,74)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#de9400
```
#de9400 rgb(222,148,0)
```

Analogous Color

#004ade
```
#004ade rgb(0,74,222)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#00de94
```
#00de94 rgb(0,222,148)
```

Split Complementary Color

#2500de
```
#2500de rgb(37,0,222)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#00de25
```
#00de25 rgb(0,222,37)
```

Triadic Color

#de00b9
```
#de00b9 rgb(222,0,185)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#00de25
```
#00de25 rgb(0,222,37)
```
#00b9de
```
#00b9de rgb(0,185,222)
```

Tetradic Color

#921800
```
#921800 rgb(146,24,0)
```
#ab1d00
```
#ab1d00 rgb(171,29,0)
```
#c52100
```
#c52100 rgb(197,33,0)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#f82900
```
#f82900 rgb(248,41,0)
```
#ff3a12
```
#ff3a12 rgb(255,58,18)
```
#ff4f2c
```
#ff4f2c rgb(255,79,44)
```

Monochromatic Color

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

#de0012
```
#de0012 rgb(222,0,18)
```
#de0000
```
#de0000 rgb(222,0,0)
```
#de1300
```
#de1300 rgb(222,19,0)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#de3800
```
#de3800 rgb(222,56,0)
```
#de4a00
```
#de4a00 rgb(222,74,0)
```
#de5d00
```
#de5d00 rgb(222,93,0)
```

Similar Colors

Text with hexadecimal color #de2500

This text has a font color of #de2500.

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

#de2500 background color

This paragraph has a background color of #de2500.

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

#de2500 border color

This element has a border color of #de2500.

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

CSS codes

.text {color:#de2500;}

.background {background-color:#de2500;}

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

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 #fff4f2 is the lightest one.

#060100
```
#060100 rgb(6,1,0)
```
#1a0400
```
#1a0400 rgb(26,4,0)
```
#2d0800
```
#2d0800 rgb(45,8,0)
```
#410b00
```
#410b00 rgb(65,11,0)
```
#550e00
```
#550e00 rgb(85,14,0)
```
#681100
```
#681100 rgb(104,17,0)
```
#7c1500
```
#7c1500 rgb(124,21,0)
```
#901800
```
#901800 rgb(144,24,0)
```
#a31b00
```
#a31b00 rgb(163,27,0)
```
#b71e00
```
#b71e00 rgb(183,30,0)
```
#ca2200
```
#ca2200 rgb(202,34,0)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#f22800
```
#f22800 rgb(242,40,0)
```

Shade Color Variation

#ff3006
```
#ff3006 rgb(255,48,6)
```
#ff401a
```
#ff401a rgb(255,64,26)
```
#ff502d
```
#ff502d rgb(255,80,45)
```
#ff6141
```
#ff6141 rgb(255,97,65)
```
#ff7155
```
#ff7155 rgb(255,113,85)
```
#ff8168
```
#ff8168 rgb(255,129,104)
```
#ff927c
```
#ff927c rgb(255,146,124)
```
#ffa290
```
#ffa290 rgb(255,162,144)
```
#ffb2a3
```
#ffb2a3 rgb(255,178,163)
```
#ffc3b7
```
#ffc3b7 rgb(255,195,183)
```
#ffd3ca
```
#ffd3ca rgb(255,211,202)
```
#ffe4de
```
#ffe4de rgb(255,228,222)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#786966
```
#786966 rgb(120,105,102)
```
#80645e
```
#80645e rgb(128,100,94)
```
#895e55
```
#895e55 rgb(137,94,85)
```
#91584d
```
#91584d rgb(145,88,77)
```
#9a5344
```
#9a5344 rgb(154,83,68)
```
#a24d3c
```
#a24d3c rgb(162,77,60)
```
#ab4733
```
#ab4733 rgb(171,71,51)
```
#b3412b
```
#b3412b rgb(179,65,43)
```
#bc3c22
```
#bc3c22 rgb(188,60,34)
```
#c4361a
```
#c4361a rgb(196,54,26)
```
#cd3011
```
#cd3011 rgb(205,48,17)
```
#d52b09
```
#d52b09 rgb(213,43,9)
```
#de2500
```
#de2500 rgb(222,37,0)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#734e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87791d Protanopia 1% of men
#977300 Deuteranopia 1% of men
#e02d2c Tritanopia 0.001% of the population

Trichromacy

#a75a12 Protanomaly 1% of men, 0.01% of women
#b15700 Deuteranomaly 6% of men, 0.4% of women
#df2a1c Tritanomaly 0.01% of the population

#de2500 hex color

#de2500 Color Information

#de2500 Color Conversion

Color Schemes with #de2500

Alternatives to #de2500

#de2500 Preview

Shades and Tints of #de2500

Tones of #de2500

Color Blindness Simulator