#d22e1f hex color

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

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

● #d22e1f color description : Strong red.

The hexadecimal color #d22e1f has RGB values of R:210, G:46, B:31 and CMYK values of C:0, M:0.78, Y:0.85, K:0.18. Its decimal value is 13774367.

Hex triplet	d22e1f	`#d22e1f`
RGB Decimal	210, 46, 31	`rgb(210,46,31)`
RGB Percent	82.4, 18, 12.2	`rgb(82.4%,18%,12.2%)`
CMYK	0, 78, 85, 18
HSL	5°, 74.3, 47.3	`hsl(5,74.3%,47.3%)`
HSV (or HSB)	5°, 85.2, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.655, 61.848, 48.479
XYZ	27.804, 15.758, 2.874
xyY	0.599, 0.339, 15.758
CIE-LCH	46.655, 78.584, 38.09
CIE-LUV	46.655, 127.279, 31.264
Hunter-Lab	39.696, 55.556, 23.495
Binary	11010010, 00101110, 00011111

#d22e1f
```
#d22e1f rgb(210,46,31)
```
#1fc3d2
```
#1fc3d2 rgb(31,195,210)
```

Complementary Color

#d21f6a
```
#d21f6a rgb(210,31,106)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#d2881f
```
#d2881f rgb(210,136,31)
```

Analogous Color

#1f6ad2
```
#1f6ad2 rgb(31,106,210)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#1fd288
```
#1fd288 rgb(31,210,136)
```

Split Complementary Color

#2e1fd2
```
#2e1fd2 rgb(46,31,210)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#1fd22e
```
#1fd22e rgb(31,210,46)
```

Triadic Color

#d21fc3
```
#d21fc3 rgb(210,31,195)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#1fd22e
```
#1fd22e rgb(31,210,46)
```
#1fc3d2
```
#1fc3d2 rgb(31,195,210)
```

Tetradic Color

#8f1f15
```
#8f1f15 rgb(143,31,21)
```
#a62418
```
#a62418 rgb(166,36,24)
```
#bc291c
```
#bc291c rgb(188,41,28)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#e03a2b
```
#e03a2b rgb(224,58,43)
```
#e34f41
```
#e34f41 rgb(227,79,65)
```
#e66357
```
#e66357 rgb(230,99,87)
```

Monochromatic Color

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

#d21f3d
```
#d21f3d rgb(210,31,61)
```
#d21f2e
```
#d21f2e rgb(210,31,46)
```
#d21f1f
```
#d21f1f rgb(210,31,31)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#d23d1f
```
#d23d1f rgb(210,61,31)
```
#d24c1f
```
#d24c1f rgb(210,76,31)
```
#d25b1f
```
#d25b1f rgb(210,91,31)
```

Similar Colors

Text with hexadecimal color #d22e1f

This text has a font color of #d22e1f.

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

#d22e1f background color

This paragraph has a background color of #d22e1f.

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

#d22e1f border color

This element has a border color of #d22e1f.

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

CSS codes

.text {color:#d22e1f;}

.background {background-color:#d22e1f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160503
```
#160503 rgb(22,5,3)
```
#270906
```
#270906 rgb(39,9,6)
```
#380c08
```
#380c08 rgb(56,12,8)
```
#49100b
```
#49100b rgb(73,16,11)
```
#5a140d
```
#5a140d rgb(90,20,13)
```
#6b1810
```
#6b1810 rgb(107,24,16)
```
#7d1b12
```
#7d1b12 rgb(125,27,18)
```
#8e1f15
```
#8e1f15 rgb(142,31,21)
```
#9f2317
```
#9f2317 rgb(159,35,23)
```
#b0271a
```
#b0271a rgb(176,39,26)
```
#c12a1c
```
#c12a1c rgb(193,42,28)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```

Shade Color Variation

#df3526
```
#df3526 rgb(223,53,38)
```
#e14537
```
#e14537 rgb(225,69,55)
```
#e45548
```
#e45548 rgb(228,85,72)
```
#e66559
```
#e66559 rgb(230,101,89)
```
#e9756a
```
#e9756a rgb(233,117,106)
```
#ec857b
```
#ec857b rgb(236,133,123)
```
#ee948c
```
#ee948c rgb(238,148,140)
```
#f1a49d
```
#f1a49d rgb(241,164,157)
```
#f3b4ae
```
#f3b4ae rgb(243,180,174)
```
#f6c4c0
```
#f6c4c0 rgb(246,196,192)
```
#f8d4d1
```
#f8d4d1 rgb(248,212,209)
```
#fbe4e2
```
#fbe4e2 rgb(251,228,226)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,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 #ee1703 is the most saturated one.

#7f7372
```
#7f7372 rgb(127,115,114)
```
#886c69
```
#886c69 rgb(136,108,105)
```
#916460
```
#916460 rgb(145,100,96)
```
#9a5c57
```
#9a5c57 rgb(154,92,87)
```
#a4554d
```
#a4554d rgb(164,85,77)
```
#ad4d44
```
#ad4d44 rgb(173,77,68)
```
#b6453b
```
#b6453b rgb(182,69,59)
```
#bf3d32
```
#bf3d32 rgb(191,61,50)
```
#c93628
```
#c93628 rgb(201,54,40)
```
#d22e1f
```
#d22e1f rgb(210,46,31)
```
#db2616
```
#db2616 rgb(219,38,22)
```
#e51f0c
```
#e51f0c rgb(229,31,12)
```
#ee1703
```
#ee1703 rgb(238,23,3)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#745451 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827639 Protanopia 1% of men
#937016 Deuteranopia 1% of men
#d43738 Tritanopia 0.001% of the population

Trichromacy

#9f5b2f Protanomaly 1% of men, 0.01% of women
#aa5819 Deuteranomaly 6% of men, 0.4% of women
#d3332f Tritanomaly 0.01% of the population

#d22e1f hex color

#d22e1f Color Information

#d22e1f Color Conversion

Color Schemes with #d22e1f

Alternatives to #d22e1f

#d22e1f Preview

Shades and Tints of #d22e1f

Tones of #d22e1f

Color Blindness Simulator