#de1224 hex color

In a RGB color space, hex #de1224 is composed of 87.1% red, 7.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.9% magenta, 83.8% yellow and 12.9% black. It has a hue angle of 354.7 degrees, a saturation of 85% and a lightness of 47.1%. #de1224 color hex could be obtained by blending #ff2448 with #bd0000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 87
- G 7
- B 14
RGB color chart
- C 0
- M 92
- Y 84
- K 13
CMYK color chart

● #de1224 color description : Vivid red.

The hexadecimal color #de1224 has RGB values of R:222, G:18, B:36 and CMYK values of C:0, M:0.92, Y:0.84, K:0.13. Its decimal value is 14553636.

Hex triplet	de1224	`#de1224`
RGB Decimal	222, 18, 36	`rgb(222,18,36)`
RGB Percent	87.1, 7.1, 14.1	`rgb(87.1%,7.1%,14.1%)`
CMYK	0, 92, 84, 13
HSL	354.7°, 85, 47.1	`hsl(354.7,85%,47.1%)`
HSV (or HSB)	354.7°, 91.9, 87.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	47.097, 70.943, 47.32
XYZ	30.661, 16.094, 3.161
xyY	0.614, 0.322, 16.094
CIE-LCH	47.097, 85.276, 33.704
CIE-LUV	47.097, 145.572, 28.234
Hunter-Lab	40.117, 66.22, 23.41
Binary	11011110, 00010010, 00100100

#de1224
```
#de1224 rgb(222,18,36)
```
#12decc
```
#12decc rgb(18,222,204)
```

Complementary Color

#de128a
```
#de128a rgb(222,18,138)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#de6612
```
#de6612 rgb(222,102,18)
```

Analogous Color

#128ade
```
#128ade rgb(18,138,222)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#12de66
```
#12de66 rgb(18,222,102)
```

Split Complementary Color

#1224de
```
#1224de rgb(18,36,222)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#24de12
```
#24de12 rgb(36,222,18)
```

Triadic Color

#cc12de
```
#cc12de rgb(204,18,222)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#24de12
```
#24de12 rgb(36,222,18)
```
#12decc
```
#12decc rgb(18,222,204)
```

Tetradic Color

#970c19
```
#970c19 rgb(151,12,25)
```
#af0e1c
```
#af0e1c rgb(175,14,28)
```
#c61020
```
#c61020 rgb(198,16,32)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#ed1d2f
```
#ed1d2f rgb(237,29,47)
```
#ef3445
```
#ef3445 rgb(239,52,69)
```
#f04c5b
```
#f04c5b rgb(240,76,91)
```

Monochromatic Color

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

#de1257
```
#de1257 rgb(222,18,87)
```
#de1246
```
#de1246 rgb(222,18,70)
```
#de1235
```
#de1235 rgb(222,18,53)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#de1213
```
#de1213 rgb(222,18,19)
```
#de2212
```
#de2212 rgb(222,34,18)
```
#de3312
```
#de3312 rgb(222,51,18)
```

Similar Colors

Text with hexadecimal color #de1224

This text has a font color of #de1224.

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

#de1224 background color

This paragraph has a background color of #de1224.

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

#de1224 border color

This element has a border color of #de1224.

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

CSS codes

.text {color:#de1224;}

.background {background-color:#de1224;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160204
```
#160204 rgb(22,2,4)
```
#290307
```
#290307 rgb(41,3,7)
```
#3b050a
```
#3b050a rgb(59,5,10)
```
#4d060c
```
#4d060c rgb(77,6,12)
```
#5f080f
```
#5f080f rgb(95,8,15)
```
#710912
```
#710912 rgb(113,9,18)
```
#830b15
```
#830b15 rgb(131,11,21)
```
#950c18
```
#950c18 rgb(149,12,24)
```
#a80e1b
```
#a80e1b rgb(168,14,27)
```
#ba0f1e
```
#ba0f1e rgb(186,15,30)
```
#cc1121
```
#cc1121 rgb(204,17,33)
```
#de1224
```
#de1224 rgb(222,18,36)
```

Shade Color Variation

#ec172a
```
#ec172a rgb(236,23,42)
```
#ee2a3b
```
#ee2a3b rgb(238,42,59)
```
#ef3c4c
```
#ef3c4c rgb(239,60,76)
```
#f14e5c
```
#f14e5c rgb(241,78,92)
```
#f2606d
```
#f2606d rgb(242,96,109)
```
#f4727e
```
#f4727e rgb(244,114,126)
```
#f5848e
```
#f5848e rgb(245,132,142)
```
#f7969f
```
#f7969f rgb(247,150,159)
```
#f8a9b0
```
#f8a9b0 rgb(248,169,176)
```
#f9bbc0
```
#f9bbc0 rgb(249,187,192)
```
#fbcdd1
```
#fbcdd1 rgb(251,205,209)
```
#fcdfe2
```
#fcdfe2 rgb(252,223,226)
```
#fef1f2
```
#fef1f2 rgb(254,241,242)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#826e70
```
#826e70 rgb(130,110,112)
```
#8b6568
```
#8b6568 rgb(139,101,104)
```
#945c61
```
#945c61 rgb(148,92,97)
```
#9d5359
```
#9d5359 rgb(157,83,89)
```
#a74952
```
#a74952 rgb(167,73,82)
```
#b0404a
```
#b0404a rgb(176,64,74)
```
#b93742
```
#b93742 rgb(185,55,66)
```
#c22e3b
```
#c22e3b rgb(194,46,59)
```
#cc2433
```
#cc2433 rgb(204,36,51)
```
#d51b2c
```
#d51b2c rgb(213,27,44)
```
#de1224
```
#de1224 rgb(222,18,36)
```
#e7091c
```
#e7091c rgb(231,9,28)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6d4448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827743 Protanopia 1% of men
#94711a Deuteranopia 1% of men
#df211d Tritanopia 0.001% of the population

Trichromacy

#a35237 Protanomaly 1% of men, 0.01% of women
#af4e1d Deuteranomaly 6% of men, 0.4% of women
#de1c1f Tritanomaly 0.01% of the population

#de1224 hex color

#de1224 Color Information

#de1224 Color Conversion

Color Schemes with #de1224

Alternatives to #de1224

#de1224 Preview

Shades and Tints of #de1224

Tones of #de1224

Color Blindness Simulator