#d22a1f hex color

In a RGB color space, hex #d22a1f is composed of 82.4% red, 16.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 85.2% yellow and 17.6% black. It has a hue angle of 3.7 degrees, a saturation of 74.3% and a lightness of 47.3%. #d22a1f color hex could be obtained by blending #ff543e with #a50000. Closest websafe color is: #cc3333.

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

● #d22a1f color description : Strong red.

The hexadecimal color #d22a1f has RGB values of R:210, G:42, B:31 and CMYK values of C:0, M:0.8, Y:0.85, K:0.18. Its decimal value is 13773343.

Hex triplet	d22a1f	`#d22a1f`
RGB Decimal	210, 42, 31	`rgb(210,42,31)`
RGB Percent	82.4, 16.5, 12.2	`rgb(82.4%,16.5%,12.2%)`
CMYK	0, 80, 85, 18
HSL	3.7°, 74.3, 47.3	`hsl(3.7,74.3%,47.3%)`
HSV (or HSB)	3.7°, 85.2, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.258, 62.968, 48.138
XYZ	27.655, 15.46, 2.824
xyY	0.602, 0.337, 15.46
CIE-LCH	46.258, 79.261, 37.398
CIE-LUV	46.258, 129.219, 30.542
Hunter-Lab	39.319, 56.739, 23.265
Binary	11010010, 00101010, 00011111

#d22a1f
```
#d22a1f rgb(210,42,31)
```
#1fc7d2
```
#1fc7d2 rgb(31,199,210)
```

Complementary Color

#d21f6e
```
#d21f6e rgb(210,31,110)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#d2841f
```
#d2841f rgb(210,132,31)
```

Analogous Color

#1f6ed2
```
#1f6ed2 rgb(31,110,210)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#1fd284
```
#1fd284 rgb(31,210,132)
```

Split Complementary Color

#2a1fd2
```
#2a1fd2 rgb(42,31,210)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#1fd22a
```
#1fd22a rgb(31,210,42)
```

Triadic Color

#d21fc7
```
#d21fc7 rgb(210,31,199)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#1fd22a
```
#1fd22a rgb(31,210,42)
```
#1fc7d2
```
#1fc7d2 rgb(31,199,210)
```

Tetradic Color

#8f1d15
```
#8f1d15 rgb(143,29,21)
```
#a62118
```
#a62118 rgb(166,33,24)
```
#bc261c
```
#bc261c rgb(188,38,28)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#e0362b
```
#e0362b rgb(224,54,43)
```
#e34b41
```
#e34b41 rgb(227,75,65)
```
#e66057
```
#e66057 rgb(230,96,87)
```

Monochromatic Color

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

#d21f41
```
#d21f41 rgb(210,31,65)
```
#d21f32
```
#d21f32 rgb(210,31,50)
```
#d21f23
```
#d21f23 rgb(210,31,35)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#d2391f
```
#d2391f rgb(210,57,31)
```
#d2481f
```
#d2481f rgb(210,72,31)
```
#d2571f
```
#d2571f rgb(210,87,31)
```

Similar Colors

Text with hexadecimal color #d22a1f

This text has a font color of #d22a1f.

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

#d22a1f background color

This paragraph has a background color of #d22a1f.

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

#d22a1f border color

This element has a border color of #d22a1f.

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

CSS codes

.text {color:#d22a1f;}

.background {background-color:#d22a1f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160403
```
#160403 rgb(22,4,3)
```
#270806
```
#270806 rgb(39,8,6)
```
#380b08
```
#380b08 rgb(56,11,8)
```
#490f0b
```
#490f0b rgb(73,15,11)
```
#5a120d
```
#5a120d rgb(90,18,13)
```
#6b1510
```
#6b1510 rgb(107,21,16)
```
#7d1912
```
#7d1912 rgb(125,25,18)
```
#8e1c15
```
#8e1c15 rgb(142,28,21)
```
#9f2017
```
#9f2017 rgb(159,32,23)
```
#b0231a
```
#b0231a rgb(176,35,26)
```
#c1271c
```
#c1271c rgb(193,39,28)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```

Shade Color Variation

#df3126
```
#df3126 rgb(223,49,38)
```
#e14137
```
#e14137 rgb(225,65,55)
```
#e45148
```
#e45148 rgb(228,81,72)
```
#e66259
```
#e66259 rgb(230,98,89)
```
#e9726a
```
#e9726a rgb(233,114,106)
```
#ec827b
```
#ec827b rgb(236,130,123)
```
#ee928c
```
#ee928c rgb(238,146,140)
```
#f1a29d
```
#f1a29d rgb(241,162,157)
```
#f3b3ae
```
#f3b3ae rgb(243,179,174)
```
#f6c3c0
```
#f6c3c0 rgb(246,195,192)
```
#f8d3d1
```
#f8d3d1 rgb(248,211,209)
```
#fbe3e2
```
#fbe3e2 rgb(251,227,226)
```
#fdf3f3
```
#fdf3f3 rgb(253,243,243)
```

Tint Color Variation

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

#7f7372
```
#7f7372 rgb(127,115,114)
```
#886b69
```
#886b69 rgb(136,107,105)
```
#916360
```
#916360 rgb(145,99,96)
```
#9a5b57
```
#9a5b57 rgb(154,91,87)
```
#a4534d
```
#a4534d rgb(164,83,77)
```
#ad4b44
```
#ad4b44 rgb(173,75,68)
```
#b6423b
```
#b6423b rgb(182,66,59)
```
#bf3a32
```
#bf3a32 rgb(191,58,50)
```
#c93228
```
#c93228 rgb(201,50,40)
```
#d22a1f
```
#d22a1f rgb(210,42,31)
```
#db2216
```
#db2216 rgb(219,34,22)
```
#e51a0c
```
#e51a0c rgb(229,26,12)
```
#ee1203
```
#ee1203 rgb(238,18,3)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#73514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#81753a Protanopia 1% of men
#926f16 Deuteranopia 1% of men
#d43334 Tritanopia 0.001% of the population

Trichromacy

#9e5930 Protanomaly 1% of men, 0.01% of women
#a95619 Deuteranomaly 6% of men, 0.4% of women
#d3302c Tritanomaly 0.01% of the population

#d22a1f hex color

#d22a1f Color Information

#d22a1f Color Conversion

Color Schemes with #d22a1f

Alternatives to #d22a1f

#d22a1f Preview

Shades and Tints of #d22a1f

Tones of #d22a1f

Color Blindness Simulator