#d580a8 hex color

In a RGB color space, hex #d580a8 is composed of 83.5% red, 50.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.9% magenta, 21.1% yellow and 16.5% black. It has a hue angle of 331.8 degrees, a saturation of 50.3% and a lightness of 66.9%. #d580a8 color hex could be obtained by blending #ffffff with #ab0151. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 84
- G 50
- B 66
RGB color chart
- C 0
- M 40
- Y 21
- K 16
CMYK color chart

● #d580a8 color description : Slightly desaturated pink.

The hexadecimal color #d580a8 has RGB values of R:213, G:128, B:168 and CMYK values of C:0, M:0.4, Y:0.21, K:0.16. Its decimal value is 13992104.

Hex triplet	d580a8	`#d580a8`
RGB Decimal	213, 128, 168	`rgb(213,128,168)`
RGB Percent	83.5, 50.2, 65.9	`rgb(83.5%,50.2%,65.9%)`
CMYK	0, 40, 21, 16
HSL	331.8°, 50.3, 66.9	`hsl(331.8,50.3%,66.9%)`
HSV (or HSB)	331.8°, 39.9, 83.5
Web Safe	cc9999	`#cc9999`

CIE-LAB	63.683, 38.061, -7.127
XYZ	42.227, 32.414, 41.076
xyY	0.365, 0.28, 32.414
CIE-LCH	63.683, 38.722, 349.393
CIE-LUV	63.683, 50.797, -17.116
Hunter-Lab	56.933, 32.76, -2.923
Binary	11010101, 10000000, 10101000

#d580a8
```
#d580a8 rgb(213,128,168)
```
#80d5ad
```
#80d5ad rgb(128,213,173)
```

Complementary Color

#d580d3
```
#d580d3 rgb(213,128,211)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#d58380
```
#d58380 rgb(213,131,128)
```

Analogous Color

#80d3d5
```
#80d3d5 rgb(128,211,213)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#80d583
```
#80d583 rgb(128,213,131)
```

Split Complementary Color

#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#a8d580
```
#a8d580 rgb(168,213,128)
```

Triadic Color

#ad80d5
```
#ad80d5 rgb(173,128,213)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#a8d580
```
#a8d580 rgb(168,213,128)
```
#80d5ad
```
#80d5ad rgb(128,213,173)
```

Tetradic Color

#c24781
```
#c24781 rgb(194,71,129)
```
#c85a8e
```
#c85a8e rgb(200,90,142)
```
#cf6d9b
```
#cf6d9b rgb(207,109,155)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#db93b5
```
#db93b5 rgb(219,147,181)
```
#e2a6c2
```
#e2a6c2 rgb(226,166,194)
```
#e8b9cf
```
#e8b9cf rgb(232,185,207)
```

Monochromatic Color

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

#d580bd
```
#d580bd rgb(213,128,189)
```
#d580b6
```
#d580b6 rgb(213,128,182)
```
#d580af
```
#d580af rgb(213,128,175)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#d580a1
```
#d580a1 rgb(213,128,161)
```
#d5809a
```
#d5809a rgb(213,128,154)
```
#d58093
```
#d58093 rgb(213,128,147)
```

Similar Colors

Text with hexadecimal color #d580a8

This text has a font color of #d580a8.

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

#d580a8 background color

This paragraph has a background color of #d580a8.

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

#d580a8 border color

This element has a border color of #d580a8.

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

CSS codes

.text {color:#d580a8;}

.background {background-color:#d580a8;}

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

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

#060204
```
#060204 rgb(6,2,4)
```
#14070d
```
#14070d rgb(20,7,13)
```
#230c17
```
#230c17 rgb(35,12,23)
```
#321020
```
#321020 rgb(50,16,32)
```
#41152a
```
#41152a rgb(65,21,42)
```
#4f1a33
```
#4f1a33 rgb(79,26,51)
```
#5e1f3d
```
#5e1f3d rgb(94,31,61)
```
#6d2446
```
#6d2446 rgb(109,36,70)
```
#7c2950
```
#7c2950 rgb(124,41,80)
```
#8a2e59
```
#8a2e59 rgb(138,46,89)
```
#993363
```
#993363 rgb(153,51,99)
```
#a8376c
```
#a8376c rgb(168,55,108)
```
#b73c76
```
#b73c76 rgb(183,60,118)
```

Shade Color Variation

#c24580
```
#c24580 rgb(194,69,128)
```
#c6548a
```
#c6548a rgb(198,84,138)
```
#cb6394
```
#cb6394 rgb(203,99,148)
```
#d0719e
```
#d0719e rgb(208,113,158)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#da8fb2
```
#da8fb2 rgb(218,143,178)
```
#df9dbc
```
#df9dbc rgb(223,157,188)
```
#e4acc6
```
#e4acc6 rgb(228,172,198)
```
#e8bbd0
```
#e8bbd0 rgb(232,187,208)
```
#edcada
```
#edcada rgb(237,202,218)
```
#f2d8e5
```
#f2d8e5 rgb(242,216,229)
```
#f7e7ef
```
#f7e7ef rgb(247,231,239)
```
#fcf6f9
```
#fcf6f9 rgb(252,246,249)
```

Tint Color Variation

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

#aea7aa
```
#aea7aa rgb(174,167,170)
```
#b5a1aa
```
#b5a1aa rgb(181,161,170)
```
#bb9aaa
```
#bb9aaa rgb(187,154,170)
```
#c294a9
```
#c294a9 rgb(194,148,169)
```
#c88da9
```
#c88da9 rgb(200,141,169)
```
#cf87a8
```
#cf87a8 rgb(207,135,168)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#dc7aa8
```
#dc7aa8 rgb(220,122,168)
```
#e273a7
```
#e273a7 rgb(226,115,167)
```
#e96da7
```
#e96da7 rgb(233,109,167)
```
#ef66a6
```
#ef66a6 rgb(239,102,166)
```
#f660a6
```
#f660a6 rgb(246,96,166)
```
#fc59a6
```
#fc59a6 rgb(252,89,166)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a998a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999eba Protanopia 1% of men
#aa9ba6 Deuteranopia 1% of men
#d48b94 Tritanopia 0.001% of the population

Trichromacy

#af93b3 Protanomaly 1% of men, 0.01% of women
#ba91a7 Deuteranomaly 6% of men, 0.4% of women
#d4879b Tritanomaly 0.01% of the population

#d580a8 hex color

#d580a8 Color Information

#d580a8 Color Conversion

Color Schemes with #d580a8

Alternatives to #d580a8

#d580a8 Preview

Shades and Tints of #d580a8

Tones of #d580a8

Color Blindness Simulator