#d81a22 hex color

In a RGB color space, hex #d81a22 is composed of 84.7% red, 10.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88% magenta, 84.3% yellow and 15.3% black. It has a hue angle of 357.5 degrees, a saturation of 78.5% and a lightness of 47.5%. #d81a22 color hex could be obtained by blending #ff3444 with #b10000. Closest websafe color is: #cc3333.

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

● #d81a22 color description : Strong red.

The hexadecimal color #d81a22 has RGB values of R:216, G:26, B:34 and CMYK values of C:0, M:0.88, Y:0.84, K:0.15. Its decimal value is 14162466.

Hex triplet	d81a22	`#d81a22`
RGB Decimal	216, 26, 34	`rgb(216,26,34)`
RGB Percent	84.7, 10.2, 13.3	`rgb(84.7%,10.2%,13.3%)`
CMYK	0, 88, 84, 15
HSL	357.5°, 78.5, 47.5	`hsl(357.5,78.5%,47.5%)`
HSV (or HSB)	357.5°, 88, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.254, 68.189, 47.123
XYZ	28.979, 15.457, 2.971
xyY	0.611, 0.326, 15.457
CIE-LCH	46.254, 82.887, 34.647
CIE-LUV	46.254, 139.427, 28.49
Hunter-Lab	39.315, 62.767, 23.04
Binary	11011000, 00011010, 00100010

#d81a22
```
#d81a22 rgb(216,26,34)
```
#1ad8d0
```
#1ad8d0 rgb(26,216,208)
```

Complementary Color

#d81a81
```
#d81a81 rgb(216,26,129)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#d8711a
```
#d8711a rgb(216,113,26)
```

Analogous Color

#1a81d8
```
#1a81d8 rgb(26,129,216)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#1ad871
```
#1ad871 rgb(26,216,113)
```

Split Complementary Color

#1a22d8
```
#1a22d8 rgb(26,34,216)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#22d81a
```
#22d81a rgb(34,216,26)
```

Triadic Color

#d01ad8
```
#d01ad8 rgb(208,26,216)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#22d81a
```
#22d81a rgb(34,216,26)
```
#1ad8d0
```
#1ad8d0 rgb(26,216,208)
```

Tetradic Color

#941217
```
#941217 rgb(148,18,23)
```
#aa151b
```
#aa151b rgb(170,21,27)
```
#c1171e
```
#c1171e rgb(193,23,30)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#e5272f
```
#e5272f rgb(229,39,47)
```
#e83d44
```
#e83d44 rgb(232,61,68)
```
#ea545a
```
#ea545a rgb(234,84,90)
```

Monochromatic Color

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

#d81a51
```
#d81a51 rgb(216,26,81)
```
#d81a42
```
#d81a42 rgb(216,26,66)
```
#d81a32
```
#d81a32 rgb(216,26,50)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#d8221a
```
#d8221a rgb(216,34,26)
```
#d8321a
```
#d8321a rgb(216,50,26)
```
#d8421a
```
#d8421a rgb(216,66,26)
```

Similar Colors

Text with hexadecimal color #d81a22

This text has a font color of #d81a22.

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

#d81a22 background color

This paragraph has a background color of #d81a22.

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

#d81a22 border color

This element has a border color of #d81a22.

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

CSS codes

.text {color:#d81a22;}

.background {background-color:#d81a22;}

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

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 #fef3f4 is the lightest one.

#060101
```
#060101 rgb(6,1,1)
```
#170304
```
#170304 rgb(23,3,4)
```
#290506
```
#290506 rgb(41,5,6)
```
#3a0709
```
#3a0709 rgb(58,7,9)
```
#4c090c
```
#4c090c rgb(76,9,12)
```
#5d0b0f
```
#5d0b0f rgb(93,11,15)
```
#6f0d11
```
#6f0d11 rgb(111,13,17)
```
#800f14
```
#800f14 rgb(128,15,20)
```
#921217
```
#921217 rgb(146,18,23)
```
#a3141a
```
#a3141a rgb(163,20,26)
```
#b5161c
```
#b5161c rgb(181,22,28)
```
#c6181f
```
#c6181f rgb(198,24,31)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```

Shade Color Variation

#e4212a
```
#e4212a rgb(228,33,42)
```
#e6333a
```
#e6333a rgb(230,51,58)
```
#e9444b
```
#e9444b rgb(233,68,75)
```
#eb565c
```
#eb565c rgb(235,86,92)
```
#ed676d
```
#ed676d rgb(237,103,109)
```
#ef797e
```
#ef797e rgb(239,121,126)
```
#f18a8f
```
#f18a8f rgb(241,138,143)
```
#f39ca0
```
#f39ca0 rgb(243,156,160)
```
#f5adb0
```
#f5adb0 rgb(245,173,176)
```
#f7bfc1
```
#f7bfc1 rgb(247,191,193)
```
#f9d0d2
```
#f9d0d2 rgb(249,208,210)
```
#fbe2e3
```
#fbe2e3 rgb(251,226,227)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#7b7777
```
#7b7777 rgb(123,119,119)
```
#846e6f
```
#846e6f rgb(132,110,111)
```
#8e6466
```
#8e6466 rgb(142,100,102)
```
#975b5e
```
#975b5e rgb(151,91,94)
```
#a05255
```
#a05255 rgb(160,82,85)
```
#a9494d
```
#a9494d rgb(169,73,77)
```
#b33f44
```
#b33f44 rgb(179,63,68)
```
#bc363c
```
#bc363c rgb(188,54,60)
```
#c52d33
```
#c52d33 rgb(197,45,51)
```
#cf232b
```
#cf232b rgb(207,35,43)
```
#d81a22
```
#d81a22 rgb(216,26,34)
```
#e11119
```
#e11119 rgb(225,17,25)
```
#eb0711
```
#eb0711 rgb(235,7,17)
```

Tone Color Variation

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

Dichromacy

#80753f Protanopia 1% of men
#926f18 Deuteranopia 1% of men
#d92725 Tritanopia 0.001% of the population

Trichromacy

#a05434 Protanomaly 1% of men, 0.01% of women
#ab501c Deuteranomaly 6% of men, 0.4% of women
#d92223 Tritanomaly 0.01% of the population

#d81a22 hex color

#d81a22 Color Information

#d81a22 Color Conversion

Color Schemes with #d81a22

Alternatives to #d81a22

#d81a22 Preview

Shades and Tints of #d81a22

Tones of #d81a22

Color Blindness Simulator