colorhexa.com

#d22a25 hex color

In a RGB color space, hex #d22a25 is composed of 82.4% red, 16.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 82.4% yellow and 17.6% black. It has a hue angle of 1.7 degrees, a saturation of 70% and a lightness of 48.4%. #d22a25 color hex could be obtained by blending #ff544a with #a50000. Closest websafe color is: #cc3333.

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

● #d22a25 color description : Strong red.

The hexadecimal color #d22a25 has RGB values of R:210, G:42, B:37 and CMYK values of C:0, M:0.8, Y:0.82, K:0.18. Its decimal value is 13773349.

Hex triplet	d22a25	`#d22a25`
RGB Decimal	210, 42, 37	`rgb(210,42,37)`
RGB Percent	82.4, 16.5, 14.5	`rgb(82.4%,16.5%,14.5%)`
CMYK	0, 80, 82, 18
HSL	1.7°, 70, 48.4	`hsl(1.7,70%,48.4%)`
HSV (or HSB)	1.7°, 82.4, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.304, 63.113, 45.19
XYZ	27.742, 15.495, 3.28
xyY	0.596, 0.333, 15.495
CIE-LCH	46.304, 77.623, 35.603
CIE-LUV	46.304, 128.304, 28.983
Hunter-Lab	39.363, 56.914, 22.613
Binary	11010010, 00101010, 00100101

#d22a25
```
#d22a25 rgb(210,42,37)
```
#25cdd2
```
#25cdd2 rgb(37,205,210)
```

Complementary Color

#d22577
```
#d22577 rgb(210,37,119)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#d28125
```
#d28125 rgb(210,129,37)
```

Analogous Color

#2577d2
```
#2577d2 rgb(37,119,210)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#25d281
```
#25d281 rgb(37,210,129)
```

Split Complementary Color

#2a25d2
```
#2a25d2 rgb(42,37,210)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#25d22a
```
#25d22a rgb(37,210,42)
```

Triadic Color

#d225cd
```
#d225cd rgb(210,37,205)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#25d22a
```
#25d22a rgb(37,210,42)
```
#25cdd2
```
#25cdd2 rgb(37,205,210)
```

Tetradic Color

#911d1a
```
#911d1a rgb(145,29,26)
```
#a7211d
```
#a7211d rgb(167,33,29)
```
#bc2621
```
#bc2621 rgb(188,38,33)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#db3a35
```
#db3a35 rgb(219,58,53)
```
#df4f4b
```
#df4f4b rgb(223,79,75)
```
#e36460
```
#e36460 rgb(227,100,96)
```

Monochromatic Color

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

#d2254b
```
#d2254b rgb(210,37,75)
```
#d2253d
```
#d2253d rgb(210,37,61)
```
#d2252e
```
#d2252e rgb(210,37,46)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#d23825
```
#d23825 rgb(210,56,37)
```
#d24725
```
#d24725 rgb(210,71,37)
```
#d25525
```
#d25525 rgb(210,85,37)
```

Similar Colors

Text with hexadecimal color #d22a25

This text has a font color of #d22a25.

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

#d22a25 background color

This paragraph has a background color of #d22a25.

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

#d22a25 border color

This element has a border color of #d22a25.

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

CSS codes

.text {color:#d22a25;}

.background {background-color:#d22a25;}

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

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, #0a0202 is the darkest color, while #fef8f8 is the lightest one.

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0505
```
#1b0505 rgb(27,5,5)
```
#2b0908
```
#2b0908 rgb(43,9,8)
```
#3c0c0b
```
#3c0c0b rgb(60,12,11)
```
#4d0f0d
```
#4d0f0d rgb(77,15,13)
```
#5d1310
```
#5d1310 rgb(93,19,16)
```
#6e1613
```
#6e1613 rgb(110,22,19)
```
#7f1916
```
#7f1916 rgb(127,25,22)
```
#8f1d19
```
#8f1d19 rgb(143,29,25)
```
#a0201c
```
#a0201c rgb(160,32,28)
```
#b1231f
```
#b1231f rgb(177,35,31)
```
#c12722
```
#c12722 rgb(193,39,34)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```

Shade Color Variation

#db3530
```
#db3530 rgb(219,53,48)
```
#dd4541
```
#dd4541 rgb(221,69,65)
```
#e05651
```
#e05651 rgb(224,86,81)
```
#e36662
```
#e36662 rgb(227,102,98)
```
#e67673
```
#e67673 rgb(230,118,115)
```
#e98683
```
#e98683 rgb(233,134,131)
```
#ec9794
```
#ec9794 rgb(236,151,148)
```
#efa7a5
```
#efa7a5 rgb(239,167,165)
```
#f2b7b5
```
#f2b7b5 rgb(242,183,181)
```
#f5c8c6
```
#f5c8c6 rgb(245,200,198)
```
#f8d8d7
```
#f8d8d7 rgb(248,216,215)
```
#fbe8e8
```
#fbe8e8 rgb(251,232,232)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#7d7b7b
```
#7d7b7b rgb(125,123,123)
```
#867271
```
#867271 rgb(134,114,113)
```
#906968
```
#906968 rgb(144,105,104)
```
#99605e
```
#99605e rgb(153,96,94)
```
#a35755
```
#a35755 rgb(163,87,85)
```
#ac4e4b
```
#ac4e4b rgb(172,78,75)
```
#b64542
```
#b64542 rgb(182,69,66)
```
#bf3c38
```
#bf3c38 rgb(191,60,56)
```
#c9332f
```
#c9332f rgb(201,51,47)
```
#d22a25
```
#d22a25 rgb(210,42,37)
```
#dc211c
```
#dc211c rgb(220,33,28)
```
#e51812
```
#e51812 rgb(229,24,18)
```
#ef0f09
```
#ef0f09 rgb(239,15,9)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#745251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807540 Protanopia 1% of men
#926f20 Deuteranopia 1% of men
#d43435 Tritanopia 0.001% of the population

Trichromacy

#9e5936 Protanomaly 1% of men, 0.01% of women
#a95621 Deuteranomaly 6% of men, 0.4% of women
#d3302f Tritanomaly 0.01% of the population