#d22028 hex color

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

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

● #d22028 color description : Strong red.

The hexadecimal color #d22028 has RGB values of R:210, G:32, B:40 and CMYK values of C:0, M:0.85, Y:0.81, K:0.18. Its decimal value is 13770792.

Hex triplet	d22028	`#d22028`
RGB Decimal	210, 32, 40	`rgb(210,32,40)`
RGB Percent	82.4, 12.5, 15.7	`rgb(82.4%,12.5%,15.7%)`
CMYK	0, 85, 81, 18
HSL	357.3°, 73.6, 47.5	`hsl(357.3,73.6%,47.5%)`
HSV (or HSB)	357.3°, 84.8, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.485, 65.596, 42.814
XYZ	27.479, 14.891, 3.435
xyY	0.6, 0.325, 14.891
CIE-LCH	45.485, 78.332, 33.133
CIE-LUV	45.485, 131.891, 26.523
Hunter-Lab	38.589, 59.578, 21.735
Binary	11010010, 00100000, 00101000

#d22028
```
#d22028 rgb(210,32,40)
```
#20d2ca
```
#20d2ca rgb(32,210,202)
```

Complementary Color

#d22081
```
#d22081 rgb(210,32,129)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#d27120
```
#d27120 rgb(210,113,32)
```

Analogous Color

#2081d2
```
#2081d2 rgb(32,129,210)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#20d271
```
#20d271 rgb(32,210,113)
```

Split Complementary Color

#2028d2
```
#2028d2 rgb(32,40,210)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#28d220
```
#28d220 rgb(40,210,32)
```

Triadic Color

#ca20d2
```
#ca20d2 rgb(202,32,210)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#28d220
```
#28d220 rgb(40,210,32)
```
#20d2ca
```
#20d2ca rgb(32,210,202)
```

Tetradic Color

#90161b
```
#90161b rgb(144,22,27)
```
#a61920
```
#a61920 rgb(166,25,32)
```
#bc1d24
```
#bc1d24 rgb(188,29,36)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#df2d35
```
#df2d35 rgb(223,45,53)
```
#e2434a
```
#e2434a rgb(226,67,74)
```
#e6595f
```
#e6595f rgb(230,89,95)
```

Monochromatic Color

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

#d22055
```
#d22055 rgb(210,32,85)
```
#d22046
```
#d22046 rgb(210,32,70)
```
#d22037
```
#d22037 rgb(210,32,55)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#d22720
```
#d22720 rgb(210,39,32)
```
#d23620
```
#d23620 rgb(210,54,32)
```
#d24420
```
#d24420 rgb(210,68,32)
```

Similar Colors

Text with hexadecimal color #d22028

This text has a font color of #d22028.

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

#d22028 background color

This paragraph has a background color of #d22028.

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

#d22028 border color

This element has a border color of #d22028.

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

CSS codes

.text {color:#d22028;}

.background {background-color:#d22028;}

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

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)
```
#280608
```
#280608 rgb(40,6,8)
```
#39090b
```
#39090b rgb(57,9,11)
```
#4a0b0e
```
#4a0b0e rgb(74,11,14)
```
#5b0e11
```
#5b0e11 rgb(91,14,17)
```
#6c1015
```
#6c1015 rgb(108,16,21)
```
#7d1318
```
#7d1318 rgb(125,19,24)
```
#8e161b
```
#8e161b rgb(142,22,27)
```
#9f181e
```
#9f181e rgb(159,24,30)
```
#b01b22
```
#b01b22 rgb(176,27,34)
```
#c11d25
```
#c11d25 rgb(193,29,37)
```
#d22028
```
#d22028 rgb(210,32,40)
```

Shade Color Variation

#de2730
```
#de2730 rgb(222,39,48)
```
#e13840
```
#e13840 rgb(225,56,64)
```
#e34a50
```
#e34a50 rgb(227,74,80)
```
#e65b61
```
#e65b61 rgb(230,91,97)
```
#e96c71
```
#e96c71 rgb(233,108,113)
```
#eb7d82
```
#eb7d82 rgb(235,125,130)
```
#ee8e92
```
#ee8e92 rgb(238,142,146)
```
#f09fa2
```
#f09fa2 rgb(240,159,162)
```
#f3b0b3
```
#f3b0b3 rgb(243,176,179)
```
#f5c1c3
```
#f5c1c3 rgb(245,193,195)
```
#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 #ee040f is the most saturated one.

#7e7474
```
#7e7474 rgb(126,116,116)
```
#886a6c
```
#886a6c rgb(136,106,108)
```
#916163
```
#916163 rgb(145,97,99)
```
#9a585b
```
#9a585b rgb(154,88,91)
```
#a34f52
```
#a34f52 rgb(163,79,82)
```
#ad454a
```
#ad454a rgb(173,69,74)
```
#b63c41
```
#b63c41 rgb(182,60,65)
```
#bf3339
```
#bf3339 rgb(191,51,57)
```
#c92930
```
#c92930 rgb(201,41,48)
```
#d22028
```
#d22028 rgb(210,32,40)
```
#db1720
```
#db1720 rgb(219,23,32)
```
#e50d17
```
#e50d17 rgb(229,13,23)
```
#ee040f
```
#ee040f rgb(238,4,15)
```

Tone Color Variation

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

Dichromacy

#7e7345 Protanopia 1% of men
#8f6d23 Deuteranopia 1% of men
#d42c2c Tritanopia 0.001% of the population

Trichromacy

#9c553a Protanomaly 1% of men, 0.01% of women
#a75125 Deuteranomaly 6% of men, 0.4% of women
#d3282a Tritanomaly 0.01% of the population

#d22028 hex color

#d22028 Color Information

#d22028 Color Conversion

Color Schemes with #d22028

Alternatives to #d22028

#d22028 Preview

Shades and Tints of #d22028

Tones of #d22028

Color Blindness Simulator