colorhexa.com

#d7224a hex color

In a RGB color space, hex #d7224a is composed of 84.3% red, 13.3% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.2% magenta, 65.6% yellow and 15.7% black. It has a hue angle of 346.7 degrees, a saturation of 72.7% and a lightness of 48.8%. #d7224a color hex could be obtained by blending #ff4494 with #af0000. Closest websafe color is: #cc3333.

- R 84
- G 13
- B 29
RGB color chart
- C 0
- M 84
- Y 66
- K 16
CMYK color chart

● #d7224a color description : Strong red.

The hexadecimal color #d7224a has RGB values of R:215, G:34, B:74 and CMYK values of C:0, M:0.84, Y:0.66, K:0.16. Its decimal value is 14099018.

Hex triplet	d7224a	`#d7224a`
RGB Decimal	215, 34, 74	`rgb(215,34,74)`
RGB Percent	84.3, 13.3, 29	`rgb(84.3%,13.3%,29%)`
CMYK	0, 84, 66, 16
HSL	346.7°, 72.7, 48.8	`hsl(346.7,72.7%,48.8%)`
HSV (or HSB)	346.7°, 84.2, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.091, 67.857, 24.966
XYZ	29.834, 16.089, 8.013
xyY	0.553, 0.298, 16.089
CIE-LCH	47.091, 72.304, 20.2
CIE-LUV	47.091, 126.354, 13.573
Hunter-Lab	40.111, 62.569, 16.234
Binary	11010111, 00100010, 01001010

#d7224a
```
#d7224a rgb(215,34,74)
```
#22d7af
```
#22d7af rgb(34,215,175)
```

Complementary Color

#d722a5
```
#d722a5 rgb(215,34,165)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#d75522
```
#d75522 rgb(215,85,34)
```

Analogous Color

#22a5d7
```
#22a5d7 rgb(34,165,215)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#22d755
```
#22d755 rgb(34,215,85)
```

Split Complementary Color

#224ad7
```
#224ad7 rgb(34,74,215)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#4ad722
```
#4ad722 rgb(74,215,34)
```

Triadic Color

#af22d7
```
#af22d7 rgb(175,34,215)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#4ad722
```
#4ad722 rgb(74,215,34)
```
#22d7af
```
#22d7af rgb(34,215,175)
```

Tetradic Color

#951833
```
#951833 rgb(149,24,51)
```
#ab1b3b
```
#ab1b3b rgb(171,27,59)
```
#c11f42
```
#c11f42 rgb(193,31,66)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#df3459
```
#df3459 rgb(223,52,89)
```
#e24a6b
```
#e24a6b rgb(226,74,107)
```
#e6607d
```
#e6607d rgb(230,96,125)
```

Monochromatic Color

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

#d72277
```
#d72277 rgb(215,34,119)
```
#d72268
```
#d72268 rgb(215,34,104)
```
#d72259
```
#d72259 rgb(215,34,89)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#d7223b
```
#d7223b rgb(215,34,59)
```
#d7222c
```
#d7222c rgb(215,34,44)
```
#d72722
```
#d72722 rgb(215,39,34)
```

Similar Colors

Text with hexadecimal color #d7224a

This text has a font color of #d7224a.

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

#d7224a background color

This paragraph has a background color of #d7224a.

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

#d7224a border color

This element has a border color of #d7224a.

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

CSS codes

.text {color:#d7224a;}

.background {background-color:#d7224a;}

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

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

#0c0204
```
#0c0204 rgb(12,2,4)
```
#1d050a
```
#1d050a rgb(29,5,10)
```
#2e0710
```
#2e0710 rgb(46,7,16)
```
#3f0a16
```
#3f0a16 rgb(63,10,22)
```
#500d1b
```
#500d1b rgb(80,13,27)
```
#600f21
```
#600f21 rgb(96,15,33)
```
#711227
```
#711227 rgb(113,18,39)
```
#82152d
```
#82152d rgb(130,21,45)
```
#931733
```
#931733 rgb(147,23,51)
```
#a41a39
```
#a41a39 rgb(164,26,57)
```
#b51d3e
```
#b51d3e rgb(181,29,62)
```
#c61f44
```
#c61f44 rgb(198,31,68)
```
#d7224a
```
#d7224a rgb(215,34,74)
```

Shade Color Variation

#de2f55
```
#de2f55 rgb(222,47,85)
```
#e14063
```
#e14063 rgb(225,64,99)
```
#e35071
```
#e35071 rgb(227,80,113)
```
#e6617f
```
#e6617f rgb(230,97,127)
```
#e9728c
```
#e9728c rgb(233,114,140)
```
#eb839a
```
#eb839a rgb(235,131,154)
```
#ee94a8
```
#ee94a8 rgb(238,148,168)
```
#f1a5b6
```
#f1a5b6 rgb(241,165,182)
```
#f3b6c4
```
#f3b6c4 rgb(243,182,196)
```
#f6c7d1
```
#f6c7d1 rgb(246,199,209)
```
#f9d8df
```
#f9d8df rgb(249,216,223)
```
#fce9ed
```
#fce9ed rgb(252,233,237)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#81787a
```
#81787a rgb(129,120,122)
```
#8a6f75
```
#8a6f75 rgb(138,111,117)
```
#94656f
```
#94656f rgb(148,101,111)
```
#9e5b6a
```
#9e5b6a rgb(158,91,106)
```
#a75265
```
#a75265 rgb(167,82,101)
```
#b1485f
```
#b1485f rgb(177,72,95)
```
#ba3f5a
```
#ba3f5a rgb(186,63,90)
```
#c43555
```
#c43555 rgb(196,53,85)
```
#cd2c4f
```
#cd2c4f rgb(205,44,79)
```
#d7224a
```
#d7224a rgb(215,34,74)
```
#e11845
```
#e11845 rgb(225,24,69)
```
#ea0f3f
```
#ea0f3f rgb(234,15,63)
```
#f4053a
```
#f4053a rgb(244,5,58)
```

Tone Color Variation

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

Dichromacy

#7b766d Protanopia 1% of men
#8f7247 Deuteranopia 1% of men
#d83435 Tritanopia 0.001% of the population

Trichromacy

#9c5760 Protanomaly 1% of men, 0.01% of women
#a95448 Deuteranomaly 6% of men, 0.4% of women
#d72d3c Tritanomaly 0.01% of the population