#de1f2a hex color

In a RGB color space, hex #de1f2a is composed of 87.1% red, 12.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 81.1% yellow and 12.9% black. It has a hue angle of 356.5 degrees, a saturation of 75.5% and a lightness of 49.6%. #de1f2a color hex could be obtained by blending #ff3e54 with #bd0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 12
- B 16
RGB color chart
- C 0
- M 86
- Y 81
- K 13
CMYK color chart

● #de1f2a color description : Vivid red.

The hexadecimal color #de1f2a has RGB values of R:222, G:31, B:42 and CMYK values of C:0, M:0.86, Y:0.81, K:0.13. Its decimal value is 14556970.

Hex triplet	de1f2a	`#de1f2a`
RGB Decimal	222, 31, 42	`rgb(222,31,42)`
RGB Percent	87.1, 12.2, 16.5	`rgb(87.1%,12.2%,16.5%)`
CMYK	0, 86, 81, 13
HSL	356.5°, 75.5, 49.6	`hsl(356.5,75.5%,49.6%)`
HSV (or HSB)	356.5°, 86, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.855, 69.061, 44.874
XYZ	31.034, 16.681, 3.776
xyY	0.603, 0.324, 16.681
CIE-LCH	47.855, 82.359, 33.015
CIE-LUV	47.855, 140.877, 27.864
Hunter-Lab	40.842, 64.159, 23.108
Binary	11011110, 00011111, 00101010

#de1f2a
```
#de1f2a rgb(222,31,42)
```
#1fded3
```
#1fded3 rgb(31,222,211)
```

Complementary Color

#de1f8a
```
#de1f8a rgb(222,31,138)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#de741f
```
#de741f rgb(222,116,31)
```

Analogous Color

#1f8ade
```
#1f8ade rgb(31,138,222)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#1fde74
```
#1fde74 rgb(31,222,116)
```

Split Complementary Color

#1f2ade
```
#1f2ade rgb(31,42,222)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#2ade1f
```
#2ade1f rgb(42,222,31)
```

Triadic Color

#d31fde
```
#d31fde rgb(211,31,222)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#2ade1f
```
#2ade1f rgb(42,222,31)
```
#1fded3
```
#1fded3 rgb(31,222,211)
```

Tetradic Color

#9b161d
```
#9b161d rgb(155,22,29)
```
#b11922
```
#b11922 rgb(177,25,34)
```
#c81c26
```
#c81c26 rgb(200,28,38)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#e3343e
```
#e3343e rgb(227,52,62)
```
#e64a53
```
#e64a53 rgb(230,74,83)
```
#e96168
```
#e96168 rgb(233,97,104)
```

Monochromatic Color

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

#de1f5a
```
#de1f5a rgb(222,31,90)
```
#de1f4a
```
#de1f4a rgb(222,31,74)
```
#de1f3a
```
#de1f3a rgb(222,31,58)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#de241f
```
#de241f rgb(222,36,31)
```
#de341f
```
#de341f rgb(222,52,31)
```
#de441f
```
#de441f rgb(222,68,31)
```

Similar Colors

Text with hexadecimal color #de1f2a

This text has a font color of #de1f2a.

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

#de1f2a background color

This paragraph has a background color of #de1f2a.

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

#de1f2a border color

This element has a border color of #de1f2a.

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

CSS codes

.text {color:#de1f2a;}

.background {background-color:#de1f2a;}

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

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, #0f0203 is the darkest color, while #fffdfd is the lightest one.

#0f0203
```
#0f0203 rgb(15,2,3)
```
#210506
```
#210506 rgb(33,5,6)
```
#320709
```
#320709 rgb(50,7,9)
```
#43090d
```
#43090d rgb(67,9,13)
```
#540c10
```
#540c10 rgb(84,12,16)
```
#660e13
```
#660e13 rgb(102,14,19)
```
#771116
```
#771116 rgb(119,17,22)
```
#88131a
```
#88131a rgb(136,19,26)
```
#99151d
```
#99151d rgb(153,21,29)
```
#aa1820
```
#aa1820 rgb(170,24,32)
```
#bc1a23
```
#bc1a23 rgb(188,26,35)
```
#cd1d27
```
#cd1d27 rgb(205,29,39)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```

Shade Color Variation

#e22f39
```
#e22f39 rgb(226,47,57)
```
#e44049
```
#e44049 rgb(228,64,73)
```
#e7515a
```
#e7515a rgb(231,81,90)
```
#e9626a
```
#e9626a rgb(233,98,106)
```
#ec747a
```
#ec747a rgb(236,116,122)
```
#ee858b
```
#ee858b rgb(238,133,139)
```
#f0969b
```
#f0969b rgb(240,150,155)
```
#f3a7ac
```
#f3a7ac rgb(243,167,172)
```
#f5b8bc
```
#f5b8bc rgb(245,184,188)
```
#f8cacc
```
#f8cacc rgb(248,202,204)
```
#fadbdd
```
#fadbdd rgb(250,219,221)
```
#fceced
```
#fceced rgb(252,236,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#867777
```
#867777 rgb(134,119,119)
```
#906d6f
```
#906d6f rgb(144,109,111)
```
#9a6366
```
#9a6366 rgb(154,99,102)
```
#a4595e
```
#a4595e rgb(164,89,94)
```
#ad5055
```
#ad5055 rgb(173,80,85)
```
#b7464c
```
#b7464c rgb(183,70,76)
```
#c13c44
```
#c13c44 rgb(193,60,68)
```
#cb323b
```
#cb323b rgb(203,50,59)
```
#d42933
```
#d42933 rgb(212,41,51)
```
#de1f2a
```
#de1f2a rgb(222,31,42)
```
#e81521
```
#e81521 rgb(232,21,33)
```
#f10c19
```
#f10c19 rgb(241,12,25)
```
#fb0210
```
#fb0210 rgb(251,2,16)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#744d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847848 Protanopia 1% of men
#967324 Deuteranopia 1% of men
#df2c2b Tritanopia 0.001% of the population

Trichromacy

#a4583d Protanomaly 1% of men, 0.01% of women
#b05426 Deuteranomaly 6% of men, 0.4% of women
#de272a Tritanomaly 0.01% of the population

#de1f2a hex color

#de1f2a Color Information

#de1f2a Color Conversion

Color Schemes with #de1f2a

Alternatives to #de1f2a

#de1f2a Preview

Shades and Tints of #de1f2a

Tones of #de1f2a

Color Blindness Simulator