#d8224a hex color

In a RGB color space, hex #d8224a is composed of 84.7% red, 13.3% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.3% magenta, 65.7% yellow and 15.3% black. It has a hue angle of 346.8 degrees, a saturation of 72.8% and a lightness of 49%. #d8224a color hex could be obtained by blending #ff4494 with #b10000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 85
- G 13
- B 29
RGB color chart
- C 0
- M 84
- Y 66
- K 15
CMYK color chart

● #d8224a color description : Strong red.

The hexadecimal color #d8224a has RGB values of R:216, G:34, B:74 and CMYK values of C:0, M:0.84, Y:0.66, K:0.15. Its decimal value is 14164554.

Hex triplet	d8224a	`#d8224a`
RGB Decimal	216, 34, 74	`rgb(216,34,74)`
RGB Percent	84.7, 13.3, 29	`rgb(84.7%,13.3%,29%)`
CMYK	0, 84, 66, 15
HSL	346.8°, 72.8, 49	`hsl(346.8,72.8%,49%)`
HSV (or HSB)	346.8°, 84.3, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.289, 68.119, 25.259
XYZ	30.128, 16.241, 8.027
xyY	0.554, 0.299, 16.241
CIE-LCH	47.289, 72.651, 20.345
CIE-LUV	47.289, 127.136, 13.805
Hunter-Lab	40.3, 62.921, 16.401
Binary	11011000, 00100010, 01001010

#d8224a
```
#d8224a rgb(216,34,74)
```
#22d8b0
```
#22d8b0 rgb(34,216,176)
```

Complementary Color

#d822a5
```
#d822a5 rgb(216,34,165)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#d85522
```
#d85522 rgb(216,85,34)
```

Analogous Color

#22a5d8
```
#22a5d8 rgb(34,165,216)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#22d855
```
#22d855 rgb(34,216,85)
```

Split Complementary Color

#224ad8
```
#224ad8 rgb(34,74,216)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#4ad822
```
#4ad822 rgb(74,216,34)
```

Triadic Color

#b022d8
```
#b022d8 rgb(176,34,216)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#4ad822
```
#4ad822 rgb(74,216,34)
```
#22d8b0
```
#22d8b0 rgb(34,216,176)
```

Tetradic Color

#961833
```
#961833 rgb(150,24,51)
```
#ac1b3b
```
#ac1b3b rgb(172,27,59)
```
#c21f42
```
#c21f42 rgb(194,31,66)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#df345a
```
#df345a rgb(223,52,90)
```
#e34a6c
```
#e34a6c rgb(227,74,108)
```
#e6607e
```
#e6607e rgb(230,96,126)
```

Monochromatic Color

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

#d82278
```
#d82278 rgb(216,34,120)
```
#d82268
```
#d82268 rgb(216,34,104)
```
#d82259
```
#d82259 rgb(216,34,89)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#d8223b
```
#d8223b rgb(216,34,59)
```
#d8222c
```
#d8222c rgb(216,34,44)
```
#d82722
```
#d82722 rgb(216,39,34)
```

Similar Colors

Text with hexadecimal color #d8224a

This text has a font color of #d8224a.

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

#d8224a background color

This paragraph has a background color of #d8224a.

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

#d8224a border color

This element has a border color of #d8224a.

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

CSS codes

.text {color:#d8224a;}

.background {background-color:#d8224a;}

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

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

#0d0204
```
#0d0204 rgb(13,2,4)
```
#1e050a
```
#1e050a rgb(30,5,10)
```
#2f0710
```
#2f0710 rgb(47,7,16)
```
#3f0a16
```
#3f0a16 rgb(63,10,22)
```
#500d1c
```
#500d1c rgb(80,13,28)
```
#610f21
```
#610f21 rgb(97,15,33)
```
#721227
```
#721227 rgb(114,18,39)
```
#83152d
```
#83152d rgb(131,21,45)
```
#941733
```
#941733 rgb(148,23,51)
```
#a51a39
```
#a51a39 rgb(165,26,57)
```
#b61d3e
```
#b61d3e rgb(182,29,62)
```
#c71f44
```
#c71f44 rgb(199,31,68)
```
#d8224a
```
#d8224a rgb(216,34,74)
```

Shade Color Variation

#de2f56
```
#de2f56 rgb(222,47,86)
```
#e14064
```
#e14064 rgb(225,64,100)
```
#e45171
```
#e45171 rgb(228,81,113)
```
#e6627f
```
#e6627f rgb(230,98,127)
```
#e9738d
```
#e9738d rgb(233,115,141)
```
#ec849b
```
#ec849b rgb(236,132,155)
```
#ee95a9
```
#ee95a9 rgb(238,149,169)
```
#f1a6b6
```
#f1a6b6 rgb(241,166,182)
```
#f4b7c4
```
#f4b7c4 rgb(244,183,196)
```
#f6c8d2
```
#f6c8d2 rgb(246,200,210)
```
#f9d9e0
```
#f9d9e0 rgb(249,217,224)
```
#fceaee
```
#fceaee rgb(252,234,238)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#81797a
```
#81797a rgb(129,121,122)
```
#8b6f75
```
#8b6f75 rgb(139,111,117)
```
#956570
```
#956570 rgb(149,101,112)
```
#9e5c6a
```
#9e5c6a rgb(158,92,106)
```
#a85265
```
#a85265 rgb(168,82,101)
```
#b24860
```
#b24860 rgb(178,72,96)
```
#bb3f5a
```
#bb3f5a rgb(187,63,90)
```
#c53555
```
#c53555 rgb(197,53,85)
```
#ce2c4f
```
#ce2c4f rgb(206,44,79)
```
#d8224a
```
#d8224a rgb(216,34,74)
```
#e21845
```
#e21845 rgb(226,24,69)
```
#eb0f3f
```
#eb0f3f rgb(235,15,63)
```
#f5053a
```
#f5053a rgb(245,5,58)
```

Tone Color Variation

Below, you can see how #d8224a 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
#765159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c776d Protanopia 1% of men
#907247 Deuteranopia 1% of men
#d83435 Tritanopia 0.001% of the population

Trichromacy

#9d5860 Protanomaly 1% of men, 0.01% of women
#aa5548 Deuteranomaly 6% of men, 0.4% of women
#d82d3c Tritanomaly 0.01% of the population

#d8224a hex color

#d8224a Color Information

#d8224a Color Conversion

Color Schemes with #d8224a

Alternatives to #d8224a

#d8224a Preview

Shades and Tints of #d8224a

Tones of #d8224a

Color Blindness Simulator