#d22077 hex color

In a RGB color space, hex #d22077 is composed of 82.4% red, 12.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 43.3% yellow and 17.6% black. It has a hue angle of 330.7 degrees, a saturation of 73.6% and a lightness of 47.5%. #d22077 color hex could be obtained by blending #ff40ee with #a50000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 82
- G 13
- B 47
RGB color chart
- C 0
- M 85
- Y 43
- K 18
CMYK color chart

● #d22077 color description : Strong pink.

The hexadecimal color #d22077 has RGB values of R:210, G:32, B:119 and CMYK values of C:0, M:0.85, Y:0.43, K:0.18. Its decimal value is 13770871.

Hex triplet	d22077	`#d22077`
RGB Decimal	210, 32, 119	`rgb(210,32,119)`
RGB Percent	82.4, 12.5, 46.7	`rgb(82.4%,12.5%,46.7%)`
CMYK	0, 85, 43, 18
HSL	330.7°, 73.6, 47.5	`hsl(330.7,73.6%,47.5%)`
HSV (or HSB)	330.7°, 84.8, 82.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.066, 70.198, -2.932
XYZ	30.425, 16.07, 18.951
xyY	0.465, 0.246, 16.07
CIE-LCH	47.066, 70.259, 357.608
CIE-LUV	47.066, 105.749, -17.031
Hunter-Lab	40.087, 65.326, 0.031
Binary	11010010, 00100000, 01110111

#d22077
```
#d22077 rgb(210,32,119)
```
#20d27b
```
#20d27b rgb(32,210,123)
```

Complementary Color

#d220d0
```
#d220d0 rgb(210,32,208)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#d22220
```
#d22220 rgb(210,34,32)
```

Analogous Color

#20d0d2
```
#20d0d2 rgb(32,208,210)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#20d222
```
#20d222 rgb(32,210,34)
```

Split Complementary Color

#2077d2
```
#2077d2 rgb(32,119,210)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#77d220
```
#77d220 rgb(119,210,32)
```

Triadic Color

#7b20d2
```
#7b20d2 rgb(123,32,210)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#77d220
```
#77d220 rgb(119,210,32)
```
#20d27b
```
#20d27b rgb(32,210,123)
```

Tetradic Color

#901651
```
#901651 rgb(144,22,81)
```
#a6195e
```
#a6195e rgb(166,25,94)
```
#bc1d6a
```
#bc1d6a rgb(188,29,106)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#df2d84
```
#df2d84 rgb(223,45,132)
```
#e24391
```
#e24391 rgb(226,67,145)
```
#e6599e
```
#e6599e rgb(230,89,158)
```

Monochromatic Color

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

#d220a4
```
#d220a4 rgb(210,32,164)
```
#d22095
```
#d22095 rgb(210,32,149)
```
#d22086
```
#d22086 rgb(210,32,134)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#d22068
```
#d22068 rgb(210,32,104)
```
#d22059
```
#d22059 rgb(210,32,89)
```
#d2204a
```
#d2204a rgb(210,32,74)
```

Similar Colors

Text with hexadecimal color #d22077

This text has a font color of #d22077.

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

#d22077 background color

This paragraph has a background color of #d22077.

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

#d22077 border color

This element has a border color of #d22077.

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

CSS codes

.text {color:#d22077;}

.background {background-color:#d22077;}

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

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

#060103
```
#060103 rgb(6,1,3)
```
#17030d
```
#17030d rgb(23,3,13)
```
#280617
```
#280617 rgb(40,6,23)
```
#390920
```
#390920 rgb(57,9,32)
```
#4a0b2a
```
#4a0b2a rgb(74,11,42)
```
#5b0e33
```
#5b0e33 rgb(91,14,51)
```
#6c103d
```
#6c103d rgb(108,16,61)
```
#7d1347
```
#7d1347 rgb(125,19,71)
```
#8e1650
```
#8e1650 rgb(142,22,80)
```
#9f185a
```
#9f185a rgb(159,24,90)
```
#b01b64
```
#b01b64 rgb(176,27,100)
```
#c11d6d
```
#c11d6d rgb(193,29,109)
```
#d22077
```
#d22077 rgb(210,32,119)
```

Shade Color Variation

#de2781
```
#de2781 rgb(222,39,129)
```
#e1388b
```
#e1388b rgb(225,56,139)
```
#e34a95
```
#e34a95 rgb(227,74,149)
```
#e65b9f
```
#e65b9f rgb(230,91,159)
```
#e96ca9
```
#e96ca9 rgb(233,108,169)
```
#eb7db3
```
#eb7db3 rgb(235,125,179)
```
#ee8ebd
```
#ee8ebd rgb(238,142,189)
```
#f09fc7
```
#f09fc7 rgb(240,159,199)
```
#f3b0d1
```
#f3b0d1 rgb(243,176,209)
```
#f5c1da
```
#f5c1da rgb(245,193,218)
```
#f8d2e4
```
#f8d2e4 rgb(248,210,228)
```
#fbe3ee
```
#fbe3ee rgb(251,227,238)
```
#fdf4f8
```
#fdf4f8 rgb(253,244,248)
```

Tint Color Variation

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

#7e7479
```
#7e7479 rgb(126,116,121)
```
#886a79
```
#886a79 rgb(136,106,121)
```
#916178
```
#916178 rgb(145,97,120)
```
#9a5878
```
#9a5878 rgb(154,88,120)
```
#a34f78
```
#a34f78 rgb(163,79,120)
```
#ad4578
```
#ad4578 rgb(173,69,120)
```
#b63c78
```
#b63c78 rgb(182,60,120)
```
#bf3377
```
#bf3377 rgb(191,51,119)
```
#c92977
```
#c92977 rgb(201,41,119)
```
#d22077
```
#d22077 rgb(210,32,119)
```
#db1777
```
#db1777 rgb(219,23,119)
```
#e50d77
```
#e50d77 rgb(229,13,119)
```
#ee0476
```
#ee0476 rgb(238,4,118)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#765264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6775a3 Protanopia 1% of men
#847371 Deuteranopia 1% of men
#d04042 Tritanopia 0.001% of the population

Trichromacy

#8e5693 Protanomaly 1% of men, 0.01% of women
#a05573 Deuteranomaly 6% of men, 0.4% of women
#d13455 Tritanomaly 0.01% of the population

#d22077 hex color

#d22077 Color Information

#d22077 Color Conversion

Color Schemes with #d22077

Alternatives to #d22077

#d22077 Preview

Shades and Tints of #d22077

Tones of #d22077

Color Blindness Simulator