#d21f18 hex color

In a RGB color space, hex #d21f18 is composed of 82.4% red, 12.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 88.6% yellow and 17.6% black. It has a hue angle of 2.3 degrees, a saturation of 79.5% and a lightness of 45.9%. #d21f18 color hex could be obtained by blending #ff3e30 with #a50000. Closest websafe color is: #cc3300.

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

● #d21f18 color description : Strong red.

The hexadecimal color #d21f18 has RGB values of R:210, G:31, B:24 and CMYK values of C:0, M:0.85, Y:0.89, K:0.18. Its decimal value is 13770520.

Hex triplet	d21f18	`#d21f18`
RGB Decimal	210, 31, 24	`rgb(210,31,24)`
RGB Percent	82.4, 12.2, 9.4	`rgb(82.4%,12.2%,9.4%)`
CMYK	0, 85, 89, 18
HSL	2.3°, 79.5, 45.9	`hsl(2.3,79.5%,45.9%)`
HSV (or HSB)	2.3°, 88.6, 82.4
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.291, 65.446, 50.57
XYZ	27.235, 14.751, 2.277
xyY	0.615, 0.333, 14.751
CIE-LCH	45.291, 82.708, 37.693
CIE-LUV	45.291, 134.722, 30.388
Hunter-Lab	38.407, 59.363, 23.369
Binary	11010010, 00011111, 00011000

#d21f18
```
#d21f18 rgb(210,31,24)
```
#18cbd2
```
#18cbd2 rgb(24,203,210)
```

Complementary Color

#d2186e
```
#d2186e rgb(210,24,110)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#d27c18
```
#d27c18 rgb(210,124,24)
```

Analogous Color

#186ed2
```
#186ed2 rgb(24,110,210)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#18d27c
```
#18d27c rgb(24,210,124)
```

Split Complementary Color

#1f18d2
```
#1f18d2 rgb(31,24,210)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#18d21f
```
#18d21f rgb(24,210,31)
```

Triadic Color

#d218cb
```
#d218cb rgb(210,24,203)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#18d21f
```
#18d21f rgb(24,210,31)
```
#18cbd2
```
#18cbd2 rgb(24,203,210)
```

Tetradic Color

#8d1510
```
#8d1510 rgb(141,21,16)
```
#a41813
```
#a41813 rgb(164,24,19)
```
#bb1c15
```
#bb1c15 rgb(187,28,21)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#e5261e
```
#e5261e rgb(229,38,30)
```
#e83c35
```
#e83c35 rgb(232,60,53)
```
#eb524c
```
#eb524c rgb(235,82,76)
```

Monochromatic Color

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

#d2183f
```
#d2183f rgb(210,24,63)
```
#d21830
```
#d21830 rgb(210,24,48)
```
#d21820
```
#d21820 rgb(210,24,32)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#d22f18
```
#d22f18 rgb(210,47,24)
```
#d23e18
```
#d23e18 rgb(210,62,24)
```
#d24e18
```
#d24e18 rgb(210,78,24)
```

Similar Colors

Text with hexadecimal color #d21f18

This text has a font color of #d21f18.

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

#d21f18 background color

This paragraph has a background color of #d21f18.

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

#d21f18 border color

This element has a border color of #d21f18.

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

CSS codes

.text {color:#d21f18;}

.background {background-color:#d21f18;}

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

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

#100202
```
#100202 rgb(16,2,2)
```
#220504
```
#220504 rgb(34,5,4)
```
#340806
```
#340806 rgb(52,8,6)
```
#450a08
```
#450a08 rgb(69,10,8)
```
#570d0a
```
#570d0a rgb(87,13,10)
```
#680f0c
```
#680f0c rgb(104,15,12)
```
#7a120e
```
#7a120e rgb(122,18,14)
```
#8c1510
```
#8c1510 rgb(140,21,16)
```
#9d1712
```
#9d1712 rgb(157,23,18)
```
#af1a14
```
#af1a14 rgb(175,26,20)
```
#c01c16
```
#c01c16 rgb(192,28,22)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#e4221a
```
#e4221a rgb(228,34,26)
```

Shade Color Variation

#e7322b
```
#e7322b rgb(231,50,43)
```
#e9433c
```
#e9433c rgb(233,67,60)
```
#eb544e
```
#eb544e rgb(235,84,78)
```
#ed655f
```
#ed655f rgb(237,101,95)
```
#ef7671
```
#ef7671 rgb(239,118,113)
```
#f18783
```
#f18783 rgb(241,135,131)
```
#f39894
```
#f39894 rgb(243,152,148)
```
#f5a9a6
```
#f5a9a6 rgb(245,169,166)
```
#f7bab7
```
#f7bab7 rgb(247,186,183)
```
#f9cbc9
```
#f9cbc9 rgb(249,203,201)
```
#fbdcdb
```
#fbdcdb rgb(251,220,219)
```
#fdedec
```
#fdedec rgb(253,237,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#787272
```
#787272 rgb(120,114,114)
```
#816a69
```
#816a69 rgb(129,106,105)
```
#8a6260
```
#8a6260 rgb(138,98,96)
```
#935957
```
#935957 rgb(147,89,87)
```
#9c514e
```
#9c514e rgb(156,81,78)
```
#a54945
```
#a54945 rgb(165,73,69)
```
#ae403c
```
#ae403c rgb(174,64,60)
```
#b73833
```
#b73833 rgb(183,56,51)
```
#c0302a
```
#c0302a rgb(192,48,42)
```
#c92721
```
#c92721 rgb(201,39,33)
```
#d21f18
```
#d21f18 rgb(210,31,24)
```
#db170f
```
#db170f rgb(219,23,15)
```
#e40e06
```
#e40e06 rgb(228,14,6)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6d4948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7333 Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#d42a28 Tritanopia 0.001% of the population

Trichromacy

#9d5429 Protanomaly 1% of men, 0.01% of women
#a75008 Deuteranomaly 6% of men, 0.4% of women
#d32622 Tritanomaly 0.01% of the population

#d21f18 hex color

#d21f18 Color Information

#d21f18 Color Conversion

Color Schemes with #d21f18

Alternatives to #d21f18

#d21f18 Preview

Shades and Tints of #d21f18

Tones of #d21f18

Color Blindness Simulator