#d22026 hex color

In a RGB color space, hex #d22026 is composed of 82.4% red, 12.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 81.9% yellow and 17.6% black. It has a hue angle of 358 degrees, a saturation of 73.6% and a lightness of 47.5%. #d22026 color hex could be obtained by blending #ff404c with #a50000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 13
- B 15
RGB color chart
- C 0
- M 85
- Y 82
- K 18
CMYK color chart

● #d22026 color description : Strong red.

The hexadecimal color #d22026 has RGB values of R:210, G:32, B:38 and CMYK values of C:0, M:0.85, Y:0.82, K:0.18. Its decimal value is 13770790.

Hex triplet	d22026	`#d22026`
RGB Decimal	210, 32, 38	`rgb(210,32,38)`
RGB Percent	82.4, 12.5, 14.9	`rgb(82.4%,12.5%,14.9%)`
CMYK	0, 85, 82, 18
HSL	358°, 73.6, 47.5	`hsl(358,73.6%,47.5%)`
HSV (or HSB)	358°, 84.8, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.467, 65.541, 43.872
XYZ	27.446, 14.878, 3.26
xyY	0.602, 0.326, 14.878
CIE-LCH	45.467, 78.87, 33.798
CIE-LUV	45.467, 132.259, 27.122
Hunter-Lab	38.572, 59.511, 21.989
Binary	11010010, 00100000, 00100110

#d22026
```
#d22026 rgb(210,32,38)
```
#20d2cc
```
#20d2cc rgb(32,210,204)
```

Complementary Color

#d2207f
```
#d2207f rgb(210,32,127)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#d27320
```
#d27320 rgb(210,115,32)
```

Analogous Color

#207fd2
```
#207fd2 rgb(32,127,210)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#20d273
```
#20d273 rgb(32,210,115)
```

Split Complementary Color

#2026d2
```
#2026d2 rgb(32,38,210)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#26d220
```
#26d220 rgb(38,210,32)
```

Triadic Color

#cc20d2
```
#cc20d2 rgb(204,32,210)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#26d220
```
#26d220 rgb(38,210,32)
```
#20d2cc
```
#20d2cc rgb(32,210,204)
```

Tetradic Color

#90161a
```
#90161a rgb(144,22,26)
```
#a6191e
```
#a6191e rgb(166,25,30)
```
#bc1d22
```
#bc1d22 rgb(188,29,34)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#df2d33
```
#df2d33 rgb(223,45,51)
```
#e24348
```
#e24348 rgb(226,67,72)
```
#e6595e
```
#e6595e rgb(230,89,94)
```

Monochromatic Color

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

#d22053
```
#d22053 rgb(210,32,83)
```
#d22044
```
#d22044 rgb(210,32,68)
```
#d22035
```
#d22035 rgb(210,32,53)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#d22920
```
#d22920 rgb(210,41,32)
```
#d23820
```
#d23820 rgb(210,56,32)
```
#d24720
```
#d24720 rgb(210,71,32)
```

Similar Colors

Text with hexadecimal color #d22026

This text has a font color of #d22026.

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

#d22026 background color

This paragraph has a background color of #d22026.

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

#d22026 border color

This element has a border color of #d22026.

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

CSS codes

.text {color:#d22026;}

.background {background-color:#d22026;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170304
```
#170304 rgb(23,3,4)
```
#280607
```
#280607 rgb(40,6,7)
```
#39090a
```
#39090a rgb(57,9,10)
```
#4a0b0d
```
#4a0b0d rgb(74,11,13)
```
#5b0e10
```
#5b0e10 rgb(91,14,16)
```
#6c1014
```
#6c1014 rgb(108,16,20)
```
#7d1317
```
#7d1317 rgb(125,19,23)
```
#8e161a
```
#8e161a rgb(142,22,26)
```
#9f181d
```
#9f181d rgb(159,24,29)
```
#b01b20
```
#b01b20 rgb(176,27,32)
```
#c11d23
```
#c11d23 rgb(193,29,35)
```
#d22026
```
#d22026 rgb(210,32,38)
```

Shade Color Variation

#de272e
```
#de272e rgb(222,39,46)
```
#e1383e
```
#e1383e rgb(225,56,62)
```
#e34a4f
```
#e34a4f rgb(227,74,79)
```
#e65b5f
```
#e65b5f rgb(230,91,95)
```
#e96c70
```
#e96c70 rgb(233,108,112)
```
#eb7d80
```
#eb7d80 rgb(235,125,128)
```
#ee8e91
```
#ee8e91 rgb(238,142,145)
```
#f09fa1
```
#f09fa1 rgb(240,159,161)
```
#f3b0b2
```
#f3b0b2 rgb(243,176,178)
```
#f5c1c2
```
#f5c1c2 rgb(245,193,194)
```
#f8d2d3
```
#f8d2d3 rgb(248,210,211)
```
#fbe3e4
```
#fbe3e4 rgb(251,227,228)
```
#fdf4f4
```
#fdf4f4 rgb(253,244,244)
```

Tint Color Variation

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

#7e7474
```
#7e7474 rgb(126,116,116)
```
#886a6b
```
#886a6b rgb(136,106,107)
```
#916163
```
#916163 rgb(145,97,99)
```
#9a585a
```
#9a585a rgb(154,88,90)
```
#a34f51
```
#a34f51 rgb(163,79,81)
```
#ad4549
```
#ad4549 rgb(173,69,73)
```
#b63c40
```
#b63c40 rgb(182,60,64)
```
#bf3337
```
#bf3337 rgb(191,51,55)
```
#c9292f
```
#c9292f rgb(201,41,47)
```
#d22026
```
#d22026 rgb(210,32,38)
```
#db171d
```
#db171d rgb(219,23,29)
```
#e50d15
```
#e50d15 rgb(229,13,21)
```
#ee040c
```
#ee040c rgb(238,4,12)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6f4b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7343 Protanopia 1% of men
#8f6d20 Deuteranopia 1% of men
#d42c2b Tritanopia 0.001% of the population

Trichromacy

#9c5538 Protanomaly 1% of men, 0.01% of women
#a75122 Deuteranomaly 6% of men, 0.4% of women
#d32729 Tritanomaly 0.01% of the population

#d22026 hex color

#d22026 Color Information

#d22026 Color Conversion

Color Schemes with #d22026

Alternatives to #d22026

#d22026 Preview

Shades and Tints of #d22026

Tones of #d22026

Color Blindness Simulator