colorhexa.com

#d22a18 hex color

In a RGB color space, hex #d22a18 is composed of 82.4% red, 16.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 88.6% yellow and 17.6% black. It has a hue angle of 5.8 degrees, a saturation of 79.5% and a lightness of 45.9%. #d22a18 color hex could be obtained by blending #ff5430 with #a50000. Closest websafe color is: #cc3300.

- R 82
- G 16
- B 9
RGB color chart
- C 0
- M 80
- Y 89
- K 18
CMYK color chart

● #d22a18 color description : Strong red.

The hexadecimal color #d22a18 has RGB values of R:210, G:42, B:24 and CMYK values of C:0, M:0.8, Y:0.89, K:0.18. Its decimal value is 13773336.

Hex triplet	d22a18	`#d22a18`
RGB Decimal	210, 42, 24	`rgb(210,42,24)`
RGB Percent	82.4, 16.5, 9.4	`rgb(82.4%,16.5%,9.4%)`
CMYK	0, 80, 89, 18
HSL	5.8°, 79.5, 45.9	`hsl(5.8,79.5%,45.9%)`
HSV (or HSB)	5.8°, 88.6, 82.4
Web Safe	cc3300	`#cc3300`

CIE-LAB	46.214, 62.829, 51.266
XYZ	27.573, 15.427, 2.39
xyY	0.607, 0.34, 15.427
CIE-LCH	46.214, 81.091, 39.213
CIE-LUV	46.214, 130.102, 32.045
Hunter-Lab	39.277, 56.572, 23.886
Binary	11010010, 00101010, 00011000

#d22a18
```
#d22a18 rgb(210,42,24)
```
#18c0d2
```
#18c0d2 rgb(24,192,210)
```

Complementary Color

#d21863
```
#d21863 rgb(210,24,99)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#d28718
```
#d28718 rgb(210,135,24)
```

Analogous Color

#1863d2
```
#1863d2 rgb(24,99,210)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#18d287
```
#18d287 rgb(24,210,135)
```

Split Complementary Color

#2a18d2
```
#2a18d2 rgb(42,24,210)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#18d22a
```
#18d22a rgb(24,210,42)
```

Triadic Color

#d218c0
```
#d218c0 rgb(210,24,192)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#18d22a
```
#18d22a rgb(24,210,42)
```
#18c0d2
```
#18c0d2 rgb(24,192,210)
```

Tetradic Color

#8d1c10
```
#8d1c10 rgb(141,28,16)
```
#a42113
```
#a42113 rgb(164,33,19)
```
#bb2515
```
#bb2515 rgb(187,37,21)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#e5311e
```
#e5311e rgb(229,49,30)
```
#e84635
```
#e84635 rgb(232,70,53)
```
#eb5b4c
```
#eb5b4c rgb(235,91,76)
```

Monochromatic Color

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

#d21834
```
#d21834 rgb(210,24,52)
```
#d21825
```
#d21825 rgb(210,24,37)
```
#d21b18
```
#d21b18 rgb(210,27,24)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#d23a18
```
#d23a18 rgb(210,58,24)
```
#d24918
```
#d24918 rgb(210,73,24)
```
#d25918
```
#d25918 rgb(210,89,24)
```

Similar Colors

Text with hexadecimal color #d22a18

This text has a font color of #d22a18.

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

#d22a18 background color

This paragraph has a background color of #d22a18.

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

#d22a18 border color

This element has a border color of #d22a18.

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

CSS codes

.text {color:#d22a18;}

.background {background-color:#d22a18;}

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

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

#100302
```
#100302 rgb(16,3,2)
```
#220704
```
#220704 rgb(34,7,4)
```
#340a06
```
#340a06 rgb(52,10,6)
```
#450e08
```
#450e08 rgb(69,14,8)
```
#57110a
```
#57110a rgb(87,17,10)
```
#68150c
```
#68150c rgb(104,21,12)
```
#7a180e
```
#7a180e rgb(122,24,14)
```
#8c1c10
```
#8c1c10 rgb(140,28,16)
```
#9d1f12
```
#9d1f12 rgb(157,31,18)
```
#af2314
```
#af2314 rgb(175,35,20)
```
#c02616
```
#c02616 rgb(192,38,22)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#e42e1a
```
#e42e1a rgb(228,46,26)
```

Shade Color Variation

#e73d2b
```
#e73d2b rgb(231,61,43)
```
#e94d3c
```
#e94d3c rgb(233,77,60)
```
#eb5d4e
```
#eb5d4e rgb(235,93,78)
```
#ed6d5f
```
#ed6d5f rgb(237,109,95)
```
#ef7d71
```
#ef7d71 rgb(239,125,113)
```
#f18d83
```
#f18d83 rgb(241,141,131)
```
#f39d94
```
#f39d94 rgb(243,157,148)
```
#f5ada6
```
#f5ada6 rgb(245,173,166)
```
#f7bdb7
```
#f7bdb7 rgb(247,189,183)
```
#f9cec9
```
#f9cec9 rgb(249,206,201)
```
#fbdedb
```
#fbdedb rgb(251,222,219)
```
#fdeeec
```
#fdeeec rgb(253,238,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#787372
```
#787372 rgb(120,115,114)
```
#816b69
```
#816b69 rgb(129,107,105)
```
#8a6460
```
#8a6460 rgb(138,100,96)
```
#935d57
```
#935d57 rgb(147,93,87)
```
#9c564e
```
#9c564e rgb(156,86,78)
```
#a54e45
```
#a54e45 rgb(165,78,69)
```
#ae473c
```
#ae473c rgb(174,71,60)
```
#b74033
```
#b74033 rgb(183,64,51)
```
#c0392a
```
#c0392a rgb(192,57,42)
```
#c93121
```
#c93121 rgb(201,49,33)
```
#d22a18
```
#d22a18 rgb(210,42,24)
```
#db230f
```
#db230f rgb(219,35,15)
```
#e41b06
```
#e41b06 rgb(228,27,6)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#72504d Atypical Achromatopsia 0.001% of the population

Dichromacy

#817532 Protanopia 1% of men
#926f00 Deuteranopia 1% of men
#d43333 Tritanopia 0.001% of the population

Trichromacy

#9e5928 Protanomaly 1% of men, 0.01% of women
#a95608 Deuteranomaly 6% of men, 0.4% of women
#d32f29 Tritanomaly 0.01% of the population