#d31822 hex color

In a RGB color space, hex #d31822 is composed of 82.7% red, 9.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 83.9% yellow and 17.3% black. It has a hue angle of 356.8 degrees, a saturation of 79.6% and a lightness of 46.1%. #d31822 color hex could be obtained by blending #ff3044 with #a70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 9
- B 13
RGB color chart
- C 0
- M 89
- Y 84
- K 17
CMYK color chart

● #d31822 color description : Strong red.

The hexadecimal color #d31822 has RGB values of R:211, G:24, B:34 and CMYK values of C:0, M:0.89, Y:0.84, K:0.17. Its decimal value is 13834274.

Hex triplet	d31822	`#d31822`
RGB Decimal	211, 24, 34	`rgb(211,24,34)`
RGB Percent	82.7, 9.4, 13.3	`rgb(82.7%,9.4%,13.3%)`
CMYK	0, 89, 84, 17
HSL	356.8°, 79.6, 46.1	`hsl(356.8,79.6%,46.1%)`
HSV (or HSB)	356.8°, 88.6, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.111, 67.214, 45.715
XYZ	27.481, 14.621, 2.889
xyY	0.611, 0.325, 14.621
CIE-LCH	45.111, 81.287, 34.221
CIE-LUV	45.111, 136.317, 27.427
Hunter-Lab	38.238, 61.369, 22.288
Binary	11010011, 00011000, 00100010

#d31822
```
#d31822 rgb(211,24,34)
```
#18d3c9
```
#18d3c9 rgb(24,211,201)
```

Complementary Color

#d31880
```
#d31880 rgb(211,24,128)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#d36c18
```
#d36c18 rgb(211,108,24)
```

Analogous Color

#1880d3
```
#1880d3 rgb(24,128,211)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#18d36c
```
#18d36c rgb(24,211,108)
```

Split Complementary Color

#1822d3
```
#1822d3 rgb(24,34,211)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#22d318
```
#22d318 rgb(34,211,24)
```

Triadic Color

#c918d3
```
#c918d3 rgb(201,24,211)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#22d318
```
#22d318 rgb(34,211,24)
```
#18d3c9
```
#18d3c9 rgb(24,211,201)
```

Tetradic Color

#8e1017
```
#8e1017 rgb(142,16,23)
```
#a5131b
```
#a5131b rgb(165,19,27)
```
#bc151e
```
#bc151e rgb(188,21,30)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#e61f2a
```
#e61f2a rgb(230,31,42)
```
#e8363f
```
#e8363f rgb(232,54,63)
```
#eb4d55
```
#eb4d55 rgb(235,77,85)
```

Monochromatic Color

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

#d31851
```
#d31851 rgb(211,24,81)
```
#d31841
```
#d31841 rgb(211,24,65)
```
#d31832
```
#d31832 rgb(211,24,50)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#d31e18
```
#d31e18 rgb(211,30,24)
```
#d32d18
```
#d32d18 rgb(211,45,24)
```
#d33d18
```
#d33d18 rgb(211,61,24)
```

Similar Colors

Text with hexadecimal color #d31822

This text has a font color of #d31822.

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

#d31822 background color

This paragraph has a background color of #d31822.

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

#d31822 border color

This element has a border color of #d31822.

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

CSS codes

.text {color:#d31822;}

.background {background-color:#d31822;}

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

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

#110203
```
#110203 rgb(17,2,3)
```
#230406
```
#230406 rgb(35,4,6)
```
#340608
```
#340608 rgb(52,6,8)
```
#46080b
```
#46080b rgb(70,8,11)
```
#580a0e
```
#580a0e rgb(88,10,14)
```
#690c11
```
#690c11 rgb(105,12,17)
```
#7b0e14
```
#7b0e14 rgb(123,14,20)
```
#8d1017
```
#8d1017 rgb(141,16,23)
```
#9e1219
```
#9e1219 rgb(158,18,25)
```
#b0141c
```
#b0141c rgb(176,20,28)
```
#c1161f
```
#c1161f rgb(193,22,31)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#e51a25
```
#e51a25 rgb(229,26,37)
```

Shade Color Variation

#e72b35
```
#e72b35 rgb(231,43,53)
```
#e93d46
```
#e93d46 rgb(233,61,70)
```
#eb4f57
```
#eb4f57 rgb(235,79,87)
```
#ed6068
```
#ed6068 rgb(237,96,104)
```
#ef7278
```
#ef7278 rgb(239,114,120)
```
#f18389
```
#f18389 rgb(241,131,137)
```
#f3959a
```
#f3959a rgb(243,149,154)
```
#f5a7ab
```
#f5a7ab rgb(245,167,171)
```
#f7b8bc
```
#f7b8bc rgb(247,184,188)
```
#f9cacc
```
#f9cacc rgb(249,202,204)
```
#fbdbdd
```
#fbdbdd rgb(251,219,221)
```
#fdedee
```
#fdedee rgb(253,237,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797273
```
#797273 rgb(121,114,115)
```
#82696b
```
#82696b rgb(130,105,107)
```
#8b6063
```
#8b6063 rgb(139,96,99)
```
#94575b
```
#94575b rgb(148,87,91)
```
#9d4e52
```
#9d4e52 rgb(157,78,82)
```
#a6454a
```
#a6454a rgb(166,69,74)
```
#af3c42
```
#af3c42 rgb(175,60,66)
```
#b8333a
```
#b8333a rgb(184,51,58)
```
#c12a32
```
#c12a32 rgb(193,42,50)
```
#ca212a
```
#ca212a rgb(202,33,42)
```
#d31822
```
#d31822 rgb(211,24,34)
```
#dc0f1a
```
#dc0f1a rgb(220,15,26)
```
#e50612
```
#e50612 rgb(229,6,18)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6b4648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723f Protanopia 1% of men
#8e6c1a Deuteranopia 1% of men
#d52523 Tritanopia 0.001% of the population

Trichromacy

#9c5134 Protanomaly 1% of men, 0.01% of women
#a74e1c Deuteranomaly 6% of men, 0.4% of women
#d42022 Tritanomaly 0.01% of the population

#d31822 hex color

#d31822 Color Information

#d31822 Color Conversion

Color Schemes with #d31822

Alternatives to #d31822

#d31822 Preview

Shades and Tints of #d31822

Tones of #d31822

Color Blindness Simulator