#d80f24 hex color

In a RGB color space, hex #d80f24 is composed of 84.7% red, 5.9% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.1% magenta, 83.3% yellow and 15.3% black. It has a hue angle of 353.7 degrees, a saturation of 87% and a lightness of 45.3%. #d80f24 color hex could be obtained by blending #ff1e48 with #b10000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 85
- G 6
- B 14
RGB color chart
- C 0
- M 93
- Y 83
- K 15
CMYK color chart

● #d80f24 color description : Strong red.

The hexadecimal color #d80f24 has RGB values of R:216, G:15, B:36 and CMYK values of C:0, M:0.93, Y:0.83, K:0.15. Its decimal value is 14159652.

Hex triplet	d80f24	`#d80f24`
RGB Decimal	216, 15, 36	`rgb(216,15,36)`
RGB Percent	84.7, 5.9, 14.1	`rgb(84.7%,5.9%,14.1%)`
CMYK	0, 93, 83, 15
HSL	353.7°, 87, 45.3	`hsl(353.7,87%,45.3%)`
HSV (or HSB)	353.7°, 93.1, 84.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.732, 69.782, 45.62
XYZ	28.81, 15.072, 3.061
xyY	0.614, 0.321, 15.072
CIE-LCH	45.732, 83.371, 33.175
CIE-LUV	45.732, 141.826, 26.954
Hunter-Lab	38.822, 64.524, 22.5
Binary	11011000, 00001111, 00100100

#d80f24
```
#d80f24 rgb(216,15,36)
```
#0fd8c3
```
#0fd8c3 rgb(15,216,195)
```

Complementary Color

#d80f89
```
#d80f89 rgb(216,15,137)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#d85f0f
```
#d85f0f rgb(216,95,15)
```

Analogous Color

#0f89d8
```
#0f89d8 rgb(15,137,216)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#0fd85f
```
#0fd85f rgb(15,216,95)
```

Split Complementary Color

#0f24d8
```
#0f24d8 rgb(15,36,216)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#24d80f
```
#24d80f rgb(36,216,15)
```

Triadic Color

#c30fd8
```
#c30fd8 rgb(195,15,216)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#24d80f
```
#24d80f rgb(36,216,15)
```
#0fd8c3
```
#0fd8c3 rgb(15,216,195)
```

Tetradic Color

#900a18
```
#900a18 rgb(144,10,24)
```
#a80c1c
```
#a80c1c rgb(168,12,28)
```
#c00d20
```
#c00d20 rgb(192,13,32)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#ef1229
```
#ef1229 rgb(239,18,41)
```
#f02a3f
```
#f02a3f rgb(240,42,63)
```
#f24254
```
#f24254 rgb(242,66,84)
```

Monochromatic Color

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

#d80f56
```
#d80f56 rgb(216,15,86)
```
#d80f45
```
#d80f45 rgb(216,15,69)
```
#d80f35
```
#d80f35 rgb(216,15,53)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#d80f13
```
#d80f13 rgb(216,15,19)
```
#d81c0f
```
#d81c0f rgb(216,28,15)
```
#d82c0f
```
#d82c0f rgb(216,44,15)
```

Similar Colors

Text with hexadecimal color #d80f24

This text has a font color of #d80f24.

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

#d80f24 background color

This paragraph has a background color of #d80f24.

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

#d80f24 border color

This element has a border color of #d80f24.

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

CSS codes

.text {color:#d80f24;}

.background {background-color:#d80f24;}

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

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, #0e0102 is the darkest color, while #fffbfb is the lightest one.

#0e0102
```
#0e0102 rgb(14,1,2)
```
#210205
```
#210205 rgb(33,2,5)
```
#330408
```
#330408 rgb(51,4,8)
```
#45050c
```
#45050c rgb(69,5,12)
```
#58060f
```
#58060f rgb(88,6,15)
```
#6a0712
```
#6a0712 rgb(106,7,18)
```
#7c0915
```
#7c0915 rgb(124,9,21)
```
#8f0a18
```
#8f0a18 rgb(143,10,24)
```
#a10b1b
```
#a10b1b rgb(161,11,27)
```
#b30c1e
```
#b30c1e rgb(179,12,30)
```
#c60e21
```
#c60e21 rgb(198,14,33)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#ea1027
```
#ea1027 rgb(234,16,39)
```

Shade Color Variation

#ef1f35
```
#ef1f35 rgb(239,31,53)
```
#f13145
```
#f13145 rgb(241,49,69)
```
#f24356
```
#f24356 rgb(242,67,86)
```
#f35666
```
#f35666 rgb(243,86,102)
```
#f56877
```
#f56877 rgb(245,104,119)
```
#f67b87
```
#f67b87 rgb(246,123,135)
```
#f78d98
```
#f78d98 rgb(247,141,152)
```
#f89fa9
```
#f89fa9 rgb(248,159,169)
```
#fab2b9
```
#fab2b9 rgb(250,178,185)
```
#fbc4ca
```
#fbc4ca rgb(251,196,202)
```
#fcd6da
```
#fcd6da rgb(252,214,218)
```
#fde9eb
```
#fde9eb rgb(253,233,235)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#767171
```
#767171 rgb(118,113,113)
```
#7f686a
```
#7f686a rgb(127,104,106)
```
#885f63
```
#885f63 rgb(136,95,99)
```
#91565c
```
#91565c rgb(145,86,92)
```
#9a4d55
```
#9a4d55 rgb(154,77,85)
```
#a3444e
```
#a3444e rgb(163,68,78)
```
#ac3b47
```
#ac3b47 rgb(172,59,71)
```
#b43340
```
#b43340 rgb(180,51,64)
```
#bd2a39
```
#bd2a39 rgb(189,42,57)
```
#c62132
```
#c62132 rgb(198,33,50)
```
#cf182b
```
#cf182b rgb(207,24,43)
```
#d80f24
```
#d80f24 rgb(216,15,36)
```
#e1061d
```
#e1061d rgb(225,6,29)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#694145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7342 Protanopia 1% of men
#906e1b Deuteranopia 1% of men
#d91f1a Tritanopia 0.001% of the population

Trichromacy

#9f4f37 Protanomaly 1% of men, 0.01% of women
#aa4b1e Deuteranomaly 6% of men, 0.4% of women
#d9191e Tritanomaly 0.01% of the population

#d80f24 hex color

#d80f24 Color Information

#d80f24 Color Conversion

Color Schemes with #d80f24

Alternatives to #d80f24

#d80f24 Preview

Shades and Tints of #d80f24

Tones of #d80f24

Color Blindness Simulator