#de2a2f hex color

In a RGB color space, hex #de2a2f is composed of 87.1% red, 16.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.1% magenta, 78.8% yellow and 12.9% black. It has a hue angle of 358.3 degrees, a saturation of 73.2% and a lightness of 51.8%. #de2a2f color hex could be obtained by blending #ff545e with #bd0000. Closest websafe color is: #cc3333.

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

● #de2a2f color description : Bright red.

The hexadecimal color #de2a2f has RGB values of R:222, G:42, B:47 and CMYK values of C:0, M:0.81, Y:0.79, K:0.13. Its decimal value is 14559791.

Hex triplet	de2a2f	`#de2a2f`
RGB Decimal	222, 42, 47	`rgb(222,42,47)`
RGB Percent	87.1, 16.5, 18.4	`rgb(87.1%,16.5%,18.4%)`
CMYK	0, 81, 79, 13
HSL	358.3°, 73.2, 51.8	`hsl(358.3,73.2%,51.8%)`
HSV (or HSB)	358.3°, 81.1, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.754, 66.783, 43.065
XYZ	31.467, 17.395, 4.39
xyY	0.591, 0.327, 17.395
CIE-LCH	48.754, 79.464, 32.816
CIE-LUV	48.754, 135.688, 27.896
Hunter-Lab	41.707, 61.687, 22.954
Binary	11011110, 00101010, 00101111

#de2a2f
```
#de2a2f rgb(222,42,47)
```
#2aded9
```
#2aded9 rgb(42,222,217)
```

Complementary Color

#de2a89
```
#de2a89 rgb(222,42,137)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#de7f2a
```
#de7f2a rgb(222,127,42)
```

Analogous Color

#2a89de
```
#2a89de rgb(42,137,222)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#2ade7f
```
#2ade7f rgb(42,222,127)
```

Split Complementary Color

#2a2fde
```
#2a2fde rgb(42,47,222)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#2fde2a
```
#2fde2a rgb(47,222,42)
```

Triadic Color

#d92ade
```
#d92ade rgb(217,42,222)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#2fde2a
```
#2fde2a rgb(47,222,42)
```
#2aded9
```
#2aded9 rgb(42,222,217)
```

Tetradic Color

#a2191d
```
#a2191d rgb(162,25,29)
```
#b81d21
```
#b81d21 rgb(184,29,33)
```
#cf2025
```
#cf2025 rgb(207,32,37)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#e14045
```
#e14045 rgb(225,64,69)
```
#e5565a
```
#e5565a rgb(229,86,90)
```
#e86c70
```
#e86c70 rgb(232,108,112)
```

Monochromatic Color

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

#de2a5c
```
#de2a5c rgb(222,42,92)
```
#de2a4d
```
#de2a4d rgb(222,42,77)
```
#de2a3e
```
#de2a3e rgb(222,42,62)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#de342a
```
#de342a rgb(222,52,42)
```
#de432a
```
#de432a rgb(222,67,42)
```
#de522a
```
#de522a rgb(222,82,42)
```

Similar Colors

Text with hexadecimal color #de2a2f

This text has a font color of #de2a2f.

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

#de2a2f background color

This paragraph has a background color of #de2a2f.

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

#de2a2f border color

This element has a border color of #de2a2f.

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

CSS codes

.text {color:#de2a2f;}

.background {background-color:#de2a2f;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#190404
```
#190404 rgb(25,4,4)
```
#2a0607
```
#2a0607 rgb(42,6,7)
```
#3b090a
```
#3b090a rgb(59,9,10)
```
#4c0c0e
```
#4c0c0e rgb(76,12,14)
```
#5d0e11
```
#5d0e11 rgb(93,14,17)
```
#6e1114
```
#6e1114 rgb(110,17,20)
```
#7f1417
```
#7f1417 rgb(127,20,23)
```
#90161a
```
#90161a rgb(144,22,26)
```
#a1191d
```
#a1191d rgb(161,25,29)
```
#b21c20
```
#b21c20 rgb(178,28,32)
```
#c31e23
```
#c31e23 rgb(195,30,35)
```
#d42126
```
#d42126 rgb(212,33,38)
```

Shade Color Variation

#de2a2f
```
#de2a2f rgb(222,42,47)
```
#e13b40
```
#e13b40 rgb(225,59,64)
```
#e34c50
```
#e34c50 rgb(227,76,80)
```
#e65d61
```
#e65d61 rgb(230,93,97)
```
#e96e71
```
#e96e71 rgb(233,110,113)
```
#eb7f82
```
#eb7f82 rgb(235,127,130)
```
#ee9093
```
#ee9093 rgb(238,144,147)
```
#f0a1a3
```
#f0a1a3 rgb(240,161,163)
```
#f3b2b4
```
#f3b2b4 rgb(243,178,180)
```
#f6c3c4
```
#f6c3c4 rgb(246,195,196)
```
#f8d4d5
```
#f8d4d5 rgb(248,212,213)
```
#fbe5e5
```
#fbe5e5 rgb(251,229,229)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#897f7f
```
#897f7f rgb(137,127,127)
```
#927676
```
#927676 rgb(146,118,118)
```
#9c6c6e
```
#9c6c6e rgb(156,108,110)
```
#a56365
```
#a56365 rgb(165,99,101)
```
#af595c
```
#af595c rgb(175,89,92)
```
#b85053
```
#b85053 rgb(184,80,83)
```
#c2464a
```
#c2464a rgb(194,70,74)
```
#cb3d41
```
#cb3d41 rgb(203,61,65)
```
#d53338
```
#d53338 rgb(213,51,56)
```
#de2a2f
```
#de2a2f rgb(222,42,47)
```
#e72126
```
#e72126 rgb(231,33,38)
```
#f1171d
```
#f1171d rgb(241,23,29)
```
#fa0e14
```
#fa0e14 rgb(250,14,20)
```

Tone Color Variation

Below, you can see how #de2a2f 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
#795556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4c Protanopia 1% of men
#98752b Deuteranopia 1% of men
#df3536 Tritanopia 0.001% of the population

Trichromacy

#a65d41 Protanomaly 1% of men, 0.01% of women
#b1592c Deuteranomaly 6% of men, 0.4% of women
#df3133 Tritanomaly 0.01% of the population

#de2a2f hex color

#de2a2f Color Information

#de2a2f Color Conversion

Color Schemes with #de2a2f

Alternatives to #de2a2f

#de2a2f Preview

Shades and Tints of #de2a2f

Tones of #de2a2f

Color Blindness Simulator