#d22275 hex color

In a RGB color space, hex #d22275 is composed of 82.4% red, 13.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 44.3% yellow and 17.6% black. It has a hue angle of 331.7 degrees, a saturation of 72.1% and a lightness of 47.8%. #d22275 color hex could be obtained by blending #ff44ea with #a50000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 82
- G 13
- B 46
RGB color chart
- C 0
- M 84
- Y 44
- K 18
CMYK color chart

● #d22275 color description : Strong pink.

The hexadecimal color #d22275 has RGB values of R:210, G:34, B:117 and CMYK values of C:0, M:0.84, Y:0.44, K:0.18. Its decimal value is 13771381.

Hex triplet	d22275	`#d22275`
RGB Decimal	210, 34, 117	`rgb(210,34,117)`
RGB Percent	82.4, 13.3, 45.9	`rgb(82.4%,13.3%,45.9%)`
CMYK	0, 84, 44, 18
HSL	331.7°, 72.1, 47.8	`hsl(331.7,72.1%,47.8%)`
HSV (or HSB)	331.7°, 83.8, 82.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.149, 69.603, -1.583
XYZ	30.362, 16.133, 18.344
xyY	0.468, 0.249, 16.133
CIE-LCH	47.149, 69.621, 358.697
CIE-LUV	47.149, 106.109, -15.221
Hunter-Lab	40.166, 64.639, 1.039
Binary	11010010, 00100010, 01110101

#d22275
```
#d22275 rgb(210,34,117)
```
#22d27f
```
#22d27f rgb(34,210,127)
```

Complementary Color

#d222cd
```
#d222cd rgb(210,34,205)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#d22722
```
#d22722 rgb(210,39,34)
```

Analogous Color

#22cdd2
```
#22cdd2 rgb(34,205,210)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#22d227
```
#22d227 rgb(34,210,39)
```

Split Complementary Color

#2275d2
```
#2275d2 rgb(34,117,210)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#75d222
```
#75d222 rgb(117,210,34)
```

Triadic Color

#7f22d2
```
#7f22d2 rgb(127,34,210)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#75d222
```
#75d222 rgb(117,210,34)
```
#22d27f
```
#22d27f rgb(34,210,127)
```

Tetradic Color

#901750
```
#901750 rgb(144,23,80)
```
#a61b5d
```
#a61b5d rgb(166,27,93)
```
#bc1e69
```
#bc1e69 rgb(188,30,105)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#dd3082
```
#dd3082 rgb(221,48,130)
```
#e1468f
```
#e1468f rgb(225,70,143)
```
#e55c9c
```
#e55c9c rgb(229,92,156)
```

Monochromatic Color

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

#d222a1
```
#d222a1 rgb(210,34,161)
```
#d22292
```
#d22292 rgb(210,34,146)
```
#d22284
```
#d22284 rgb(210,34,132)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#d22266
```
#d22266 rgb(210,34,102)
```
#d22258
```
#d22258 rgb(210,34,88)
```
#d22249
```
#d22249 rgb(210,34,73)
```

Similar Colors

Text with hexadecimal color #d22275

This text has a font color of #d22275.

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

#d22275 background color

This paragraph has a background color of #d22275.

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

#d22275 border color

This element has a border color of #d22275.

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

CSS codes

.text {color:#d22275;}

.background {background-color:#d22275;}

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

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

#070104
```
#070104 rgb(7,1,4)
```
#18040e
```
#18040e rgb(24,4,14)
```
#290717
```
#290717 rgb(41,7,23)
```
#3a0920
```
#3a0920 rgb(58,9,32)
```
#4b0c2a
```
#4b0c2a rgb(75,12,42)
```
#5c0f33
```
#5c0f33 rgb(92,15,51)
```
#6d123d
```
#6d123d rgb(109,18,61)
```
#7e1446
```
#7e1446 rgb(126,20,70)
```
#8e174f
```
#8e174f rgb(142,23,79)
```
#9f1a59
```
#9f1a59 rgb(159,26,89)
```
#b01d62
```
#b01d62 rgb(176,29,98)
```
#c11f6c
```
#c11f6c rgb(193,31,108)
```
#d22275
```
#d22275 rgb(210,34,117)
```

Shade Color Variation

#dd2b7f
```
#dd2b7f rgb(221,43,127)
```
#df3c89
```
#df3c89 rgb(223,60,137)
```
#e24d93
```
#e24d93 rgb(226,77,147)
```
#e55e9d
```
#e55e9d rgb(229,94,157)
```
#e86ea8
```
#e86ea8 rgb(232,110,168)
```
#ea7fb2
```
#ea7fb2 rgb(234,127,178)
```
#ed90bc
```
#ed90bc rgb(237,144,188)
```
#f0a1c6
```
#f0a1c6 rgb(240,161,198)
```
#f3b2d0
```
#f3b2d0 rgb(243,178,208)
```
#f5c3db
```
#f5c3db rgb(245,195,219)
```
#f8d4e5
```
#f8d4e5 rgb(248,212,229)
```
#fbe5ef
```
#fbe5ef rgb(251,229,239)
```
#fdf6f9
```
#fdf6f9 rgb(253,246,249)
```

Tint Color Variation

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

#7e767a
```
#7e767a rgb(126,118,122)
```
#876d79
```
#876d79 rgb(135,109,121)
```
#906479
```
#906479 rgb(144,100,121)
```
#9a5a78
```
#9a5a78 rgb(154,90,120)
```
#a35178
```
#a35178 rgb(163,81,120)
```
#ac4877
```
#ac4877 rgb(172,72,119)
```
#b63e77
```
#b63e77 rgb(182,62,119)
```
#bf3576
```
#bf3576 rgb(191,53,118)
```
#c92b76
```
#c92b76 rgb(201,43,118)
```
#d22275
```
#d22275 rgb(210,34,117)
```
#db1974
```
#db1974 rgb(219,25,116)
```
#e50f74
```
#e50f74 rgb(229,15,116)
```
#ee0673
```
#ee0673 rgb(238,6,115)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#775464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6975a0 Protanopia 1% of men
#847370 Deuteranopia 1% of men
#d04043 Tritanopia 0.001% of the population

Trichromacy

#8f5790 Protanomaly 1% of men, 0.01% of women
#a05571 Deuteranomaly 6% of men, 0.4% of women
#d13555 Tritanomaly 0.01% of the population

#d22275 hex color

#d22275 Color Information

#d22275 Color Conversion

Color Schemes with #d22275

Alternatives to #d22275

#d22275 Preview

Shades and Tints of #d22275

Tones of #d22275

Color Blindness Simulator