#d80f22 hex color

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

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

● #d80f22 color description : Strong red.

The hexadecimal color #d80f22 has RGB values of R:216, G:15, B:34 and CMYK values of C:0, M:0.93, Y:0.84, K:0.15. Its decimal value is 14159650.

Hex triplet	d80f22	`#d80f22`
RGB Decimal	216, 15, 34	`rgb(216,15,34)`
RGB Percent	84.7, 5.9, 13.3	`rgb(84.7%,5.9%,13.3%)`
CMYK	0, 93, 84, 15
HSL	354.3°, 87, 45.3	`hsl(354.3,87%,45.3%)`
HSV (or HSB)	354.3°, 93.1, 84.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.716, 69.736, 46.646
XYZ	28.78, 15.06, 2.905
xyY	0.616, 0.322, 15.06
CIE-LCH	45.716, 83.899, 33.778
CIE-LUV	45.716, 142.175, 27.488
Hunter-Lab	38.807, 64.467, 22.727
Binary	11011000, 00001111, 00100010

#d80f22
```
#d80f22 rgb(216,15,34)
```
#0fd8c5
```
#0fd8c5 rgb(15,216,197)
```

Complementary Color

#d80f87
```
#d80f87 rgb(216,15,135)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#d8600f
```
#d8600f rgb(216,96,15)
```

Analogous Color

#0f87d8
```
#0f87d8 rgb(15,135,216)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#0fd860
```
#0fd860 rgb(15,216,96)
```

Split Complementary Color

#0f22d8
```
#0f22d8 rgb(15,34,216)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#22d80f
```
#22d80f rgb(34,216,15)
```

Triadic Color

#c50fd8
```
#c50fd8 rgb(197,15,216)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#22d80f
```
#22d80f rgb(34,216,15)
```
#0fd8c5
```
#0fd8c5 rgb(15,216,197)
```

Tetradic Color

#900a17
```
#900a17 rgb(144,10,23)
```
#a80c1a
```
#a80c1a rgb(168,12,26)
```
#c00d1e
```
#c00d1e rgb(192,13,30)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#ef1227
```
#ef1227 rgb(239,18,39)
```
#f02a3d
```
#f02a3d rgb(240,42,61)
```
#f24252
```
#f24252 rgb(242,66,82)
```

Monochromatic Color

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

#d80f54
```
#d80f54 rgb(216,15,84)
```
#d80f44
```
#d80f44 rgb(216,15,68)
```
#d80f33
```
#d80f33 rgb(216,15,51)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#d80f11
```
#d80f11 rgb(216,15,17)
```
#d81d0f
```
#d81d0f rgb(216,29,15)
```
#d82e0f
```
#d82e0f rgb(216,46,15)
```

Similar Colors

Text with hexadecimal color #d80f22

This text has a font color of #d80f22.

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

#d80f22 background color

This paragraph has a background color of #d80f22.

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

#d80f22 border color

This element has a border color of #d80f22.

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

CSS codes

.text {color:#d80f22;}

.background {background-color:#d80f22;}

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

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)
```
#45050b
```
#45050b rgb(69,5,11)
```
#58060e
```
#58060e rgb(88,6,14)
```
#6a0711
```
#6a0711 rgb(106,7,17)
```
#7c0914
```
#7c0914 rgb(124,9,20)
```
#8f0a16
```
#8f0a16 rgb(143,10,22)
```
#a10b19
```
#a10b19 rgb(161,11,25)
```
#b30c1c
```
#b30c1c rgb(179,12,28)
```
#c60e1f
```
#c60e1f rgb(198,14,31)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#ea1025
```
#ea1025 rgb(234,16,37)
```

Shade Color Variation

#ef1f33
```
#ef1f33 rgb(239,31,51)
```
#f13143
```
#f13143 rgb(241,49,67)
```
#f24354
```
#f24354 rgb(242,67,84)
```
#f35665
```
#f35665 rgb(243,86,101)
```
#f56875
```
#f56875 rgb(245,104,117)
```
#f67b86
```
#f67b86 rgb(246,123,134)
```
#f78d97
```
#f78d97 rgb(247,141,151)
```
#f89fa8
```
#f89fa8 rgb(248,159,168)
```
#fab2b8
```
#fab2b8 rgb(250,178,184)
```
#fbc4c9
```
#fbc4c9 rgb(251,196,201)
```
#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 #e1061b 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)
```
#9a4d54
```
#9a4d54 rgb(154,77,84)
```
#a3444d
```
#a3444d rgb(163,68,77)
```
#ac3b46
```
#ac3b46 rgb(172,59,70)
```
#b4333f
```
#b4333f rgb(180,51,63)
```
#bd2a38
```
#bd2a38 rgb(189,42,56)
```
#c62130
```
#c62130 rgb(198,33,48)
```
#cf1829
```
#cf1829 rgb(207,24,41)
```
#d80f22
```
#d80f22 rgb(216,15,34)
```
#e1061b
```
#e1061b rgb(225,6,27)
```

Tone Color Variation

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

Dichromacy

#7f7340 Protanopia 1% of men
#906e18 Deuteranopia 1% of men
#d91f1a Tritanopia 0.001% of the population

Trichromacy

#9f4f35 Protanomaly 1% of men, 0.01% of women
#aa4b1b Deuteranomaly 6% of men, 0.4% of women
#d9191c Tritanomaly 0.01% of the population

#d80f22 hex color

#d80f22 Color Information

#d80f22 Color Conversion

Color Schemes with #d80f22

Alternatives to #d80f22

#d80f22 Preview

Shades and Tints of #d80f22

Tones of #d80f22

Color Blindness Simulator