#d21f28 hex color

In a RGB color space, hex #d21f28 is composed of 82.4% red, 12.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 81% yellow and 17.6% black. It has a hue angle of 357 degrees, a saturation of 74.3% and a lightness of 47.3%. #d21f28 color hex could be obtained by blending #ff3e50 with #a50000. Closest websafe color is: #cc3333.

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

● #d21f28 color description : Strong red.

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

Hex triplet	d21f28	`#d21f28`
RGB Decimal	210, 31, 40	`rgb(210,31,40)`
RGB Percent	82.4, 12.2, 15.7	`rgb(82.4%,12.2%,15.7%)`
CMYK	0, 85, 81, 18
HSL	357°, 74.3, 47.3	`hsl(357,74.3%,47.3%)`
HSV (or HSB)	357°, 85.2, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.412, 65.804, 42.743
XYZ	27.453, 14.838, 3.426
xyY	0.6, 0.325, 14.838
CIE-LCH	45.412, 78.467, 33.005
CIE-LUV	45.412, 132.248, 26.386
Hunter-Lab	38.521, 59.802, 21.691
Binary	11010010, 00011111, 00101000

#d21f28
```
#d21f28 rgb(210,31,40)
```
#1fd2c9
```
#1fd2c9 rgb(31,210,201)
```

Complementary Color

#d21f82
```
#d21f82 rgb(210,31,130)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#d2701f
```
#d2701f rgb(210,112,31)
```

Analogous Color

#1f82d2
```
#1f82d2 rgb(31,130,210)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#1fd270
```
#1fd270 rgb(31,210,112)
```

Split Complementary Color

#1f28d2
```
#1f28d2 rgb(31,40,210)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#28d21f
```
#28d21f rgb(40,210,31)
```

Triadic Color

#c91fd2
```
#c91fd2 rgb(201,31,210)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#28d21f
```
#28d21f rgb(40,210,31)
```
#1fd2c9
```
#1fd2c9 rgb(31,210,201)
```

Tetradic Color

#8f151b
```
#8f151b rgb(143,21,27)
```
#a61820
```
#a61820 rgb(166,24,32)
```
#bc1c24
```
#bc1c24 rgb(188,28,36)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#e02b34
```
#e02b34 rgb(224,43,52)
```
#e34149
```
#e34149 rgb(227,65,73)
```
#e6575e
```
#e6575e rgb(230,87,94)
```

Monochromatic Color

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

#d21f55
```
#d21f55 rgb(210,31,85)
```
#d21f46
```
#d21f46 rgb(210,31,70)
```
#d21f37
```
#d21f37 rgb(210,31,55)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#d2251f
```
#d2251f rgb(210,37,31)
```
#d2341f
```
#d2341f rgb(210,52,31)
```
#d2431f
```
#d2431f rgb(210,67,31)
```

Similar Colors

Text with hexadecimal color #d21f28

This text has a font color of #d21f28.

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

#d21f28 background color

This paragraph has a background color of #d21f28.

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

#d21f28 border color

This element has a border color of #d21f28.

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

CSS codes

.text {color:#d21f28;}

.background {background-color:#d21f28;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160304
```
#160304 rgb(22,3,4)
```
#270607
```
#270607 rgb(39,6,7)
```
#38080b
```
#38080b rgb(56,8,11)
```
#490b0e
```
#490b0e rgb(73,11,14)
```
#5a0d11
```
#5a0d11 rgb(90,13,17)
```
#6b1014
```
#6b1014 rgb(107,16,20)
```
#7d1218
```
#7d1218 rgb(125,18,24)
```
#8e151b
```
#8e151b rgb(142,21,27)
```
#9f171e
```
#9f171e rgb(159,23,30)
```
#b01a21
```
#b01a21 rgb(176,26,33)
```
#c11c25
```
#c11c25 rgb(193,28,37)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```

Shade Color Variation

#df262f
```
#df262f rgb(223,38,47)
```
#e1373f
```
#e1373f rgb(225,55,63)
```
#e44850
```
#e44850 rgb(228,72,80)
```
#e65960
```
#e65960 rgb(230,89,96)
```
#e96a70
```
#e96a70 rgb(233,106,112)
```
#ec7b81
```
#ec7b81 rgb(236,123,129)
```
#ee8c91
```
#ee8c91 rgb(238,140,145)
```
#f19da2
```
#f19da2 rgb(241,157,162)
```
#f3aeb2
```
#f3aeb2 rgb(243,174,178)
```
#f6c0c2
```
#f6c0c2 rgb(246,192,194)
```
#f8d1d3
```
#f8d1d3 rgb(248,209,211)
```
#fbe2e3
```
#fbe2e3 rgb(251,226,227)
```
#fdf3f3
```
#fdf3f3 rgb(253,243,243)
```

Tint Color Variation

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

#7f7273
```
#7f7273 rgb(127,114,115)
```
#88696b
```
#88696b rgb(136,105,107)
```
#916062
```
#916062 rgb(145,96,98)
```
#9a575a
```
#9a575a rgb(154,87,90)
```
#a44d52
```
#a44d52 rgb(164,77,82)
```
#ad4449
```
#ad4449 rgb(173,68,73)
```
#b63b41
```
#b63b41 rgb(182,59,65)
```
#bf3239
```
#bf3239 rgb(191,50,57)
```
#c92830
```
#c92830 rgb(201,40,48)
```
#d21f28
```
#d21f28 rgb(210,31,40)
```
#db1620
```
#db1620 rgb(219,22,32)
```
#e50c17
```
#e50c17 rgb(229,12,23)
```
#ee030f
```
#ee030f rgb(238,3,15)
```

Tone Color Variation

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

#7d7345 Protanopia 1% of men
#8f6d23 Deuteranopia 1% of men
#d42c2b Tritanopia 0.001% of the population

Trichromacy

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

#d21f28 hex color

#d21f28 Color Information

#d21f28 Color Conversion

Color Schemes with #d21f28

Alternatives to #d21f28

#d21f28 Preview

Shades and Tints of #d21f28

Tones of #d21f28

Color Blindness Simulator