#d7224d hex color

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

♥
- f
- t
- g
- R 84
- G 13
- B 30
RGB color chart
- C 0
- M 84
- Y 64
- K 16
CMYK color chart

● #d7224d color description : Strong red.

The hexadecimal color #d7224d has RGB values of R:215, G:34, B:77 and CMYK values of C:0, M:0.84, Y:0.64, K:0.16. Its decimal value is 14099021.

Hex triplet	d7224d	`#d7224d`
RGB Decimal	215, 34, 77	`rgb(215,34,77)`
RGB Percent	84.3, 13.3, 30.2	`rgb(84.3%,13.3%,30.2%)`
CMYK	0, 84, 64, 16
HSL	345.7°, 72.7, 48.8	`hsl(345.7,72.7%,48.8%)`
HSV (or HSB)	345.7°, 84.2, 84.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.145, 68.017, 23.2
XYZ	29.937, 16.131, 8.558
xyY	0.548, 0.295, 16.131
CIE-LCH	47.145, 71.865, 18.834
CIE-LUV	47.145, 125.387, 11.972
Hunter-Lab	40.163, 62.768, 15.48
Binary	11010111, 00100010, 01001101

#d7224d
```
#d7224d rgb(215,34,77)
```
#22d7ac
```
#22d7ac rgb(34,215,172)
```

Complementary Color

#d722a8
```
#d722a8 rgb(215,34,168)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#d75122
```
#d75122 rgb(215,81,34)
```

Analogous Color

#22a8d7
```
#22a8d7 rgb(34,168,215)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#22d751
```
#22d751 rgb(34,215,81)
```

Split Complementary Color

#224dd7
```
#224dd7 rgb(34,77,215)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#4dd722
```
#4dd722 rgb(77,215,34)
```

Triadic Color

#ac22d7
```
#ac22d7 rgb(172,34,215)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#4dd722
```
#4dd722 rgb(77,215,34)
```
#22d7ac
```
#22d7ac rgb(34,215,172)
```

Tetradic Color

#951835
```
#951835 rgb(149,24,53)
```
#ab1b3d
```
#ab1b3d rgb(171,27,61)
```
#c11f45
```
#c11f45 rgb(193,31,69)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#df345c
```
#df345c rgb(223,52,92)
```
#e24a6e
```
#e24a6e rgb(226,74,110)
```
#e66080
```
#e66080 rgb(230,96,128)
```

Monochromatic Color

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

#d7227a
```
#d7227a rgb(215,34,122)
```
#d7226b
```
#d7226b rgb(215,34,107)
```
#d7225c
```
#d7225c rgb(215,34,92)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#d7223e
```
#d7223e rgb(215,34,62)
```
#d7222f
```
#d7222f rgb(215,34,47)
```
#d72422
```
#d72422 rgb(215,36,34)
```

Similar Colors

Text with hexadecimal color #d7224d

This text has a font color of #d7224d.

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

#d7224d background color

This paragraph has a background color of #d7224d.

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

#d7224d border color

This element has a border color of #d7224d.

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

CSS codes

.text {color:#d7224d;}

.background {background-color:#d7224d;}

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

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)
```
#500d1c
```
#500d1c rgb(80,13,28)
```
#600f23
```
#600f23 rgb(96,15,35)
```
#711229
```
#711229 rgb(113,18,41)
```
#82152f
```
#82152f rgb(130,21,47)
```
#931735
```
#931735 rgb(147,23,53)
```
#a41a3b
```
#a41a3b rgb(164,26,59)
```
#b51d41
```
#b51d41 rgb(181,29,65)
```
#c61f47
```
#c61f47 rgb(198,31,71)
```
#d7224d
```
#d7224d rgb(215,34,77)
```

Shade Color Variation

#de2f58
```
#de2f58 rgb(222,47,88)
```
#e14066
```
#e14066 rgb(225,64,102)
```
#e35073
```
#e35073 rgb(227,80,115)
```
#e66181
```
#e66181 rgb(230,97,129)
```
#e9728e
```
#e9728e rgb(233,114,142)
```
#eb839c
```
#eb839c rgb(235,131,156)
```
#ee94aa
```
#ee94aa rgb(238,148,170)
```
#f1a5b7
```
#f1a5b7 rgb(241,165,183)
```
#f3b6c5
```
#f3b6c5 rgb(243,182,197)
```
#f6c7d2
```
#f6c7d2 rgb(246,199,210)
```
#f9d8e0
```
#f9d8e0 rgb(249,216,224)
```
#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 #f4053e is the most saturated one.

#81787a
```
#81787a rgb(129,120,122)
```
#8a6f75
```
#8a6f75 rgb(138,111,117)
```
#946570
```
#946570 rgb(148,101,112)
```
#9e5b6b
```
#9e5b6b rgb(158,91,107)
```
#a75266
```
#a75266 rgb(167,82,102)
```
#b14861
```
#b14861 rgb(177,72,97)
```
#ba3f5c
```
#ba3f5c rgb(186,63,92)
```
#c43557
```
#c43557 rgb(196,53,87)
```
#cd2c52
```
#cd2c52 rgb(205,44,82)
```
#d7224d
```
#d7224d rgb(215,34,77)
```
#e11848
```
#e11848 rgb(225,24,72)
```
#ea0f43
```
#ea0f43 rgb(234,15,67)
```
#f4053e
```
#f4053e rgb(244,5,62)
```

Tone Color Variation

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

Dichromacy

#7a7670 Protanopia 1% of men
#8f724a Deuteranopia 1% of men
#d73536 Tritanopia 0.001% of the population

Trichromacy

#9c5763 Protanomaly 1% of men, 0.01% of women
#a9554b Deuteranomaly 6% of men, 0.4% of women
#d72e3e Tritanomaly 0.01% of the population

#d7224d hex color

#d7224d Color Information

#d7224d Color Conversion

Color Schemes with #d7224d

Alternatives to #d7224d

#d7224d Preview

Shades and Tints of #d7224d

Tones of #d7224d

Color Blindness Simulator