#ad1580 hex color

In a RGB color space, hex #ad1580 is composed of 67.8% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.9% magenta, 26% yellow and 32.2% black. It has a hue angle of 317.8 degrees, a saturation of 78.4% and a lightness of 38%. #ad1580 color hex could be obtained by blending #ff2aff with #5b0001. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 68
- G 8
- B 50
RGB color chart
- C 0
- M 88
- Y 26
- K 32
CMYK color chart

● #ad1580 color description : Dark pink.

The hexadecimal color #ad1580 has RGB values of R:173, G:21, B:128 and CMYK values of C:0, M:0.88, Y:0.26, K:0.32. Its decimal value is 11343232.

Hex triplet	ad1580	`#ad1580`
RGB Decimal	173, 21, 128	`rgb(173,21,128)`
RGB Percent	67.8, 8.2, 50.2	`rgb(67.8%,8.2%,50.2%)`
CMYK	0, 88, 26, 32
HSL	317.8°, 78.4, 38	`hsl(317.8,78.4%,38%)`
HSV (or HSB)	317.8°, 87.9, 67.8
Web Safe	990099	`#990099`

CIE-LAB	39.549, 64.737, -20.534
XYZ	21.398, 10.981, 21.414
xyY	0.398, 0.204, 10.981
CIE-LCH	39.549, 67.915, 342.402
CIE-LUV	39.549, 74.059, -37.829
Hunter-Lab	33.138, 57.273, -15.117
Binary	10101101, 00010101, 10000000

#ad1580
```
#ad1580 rgb(173,21,128)
```
#15ad42
```
#15ad42 rgb(21,173,66)
```

Complementary Color

#8e15ad
```
#8e15ad rgb(142,21,173)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#ad1534
```
#ad1534 rgb(173,21,52)
```

Analogous Color

#15ad8e
```
#15ad8e rgb(21,173,142)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#34ad15
```
#34ad15 rgb(52,173,21)
```

Split Complementary Color

#1580ad
```
#1580ad rgb(21,128,173)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#80ad15
```
#80ad15 rgb(128,173,21)
```

Triadic Color

#4215ad
```
#4215ad rgb(66,21,173)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#80ad15
```
#80ad15 rgb(128,173,21)
```
#15ad42
```
#15ad42 rgb(21,173,66)
```

Tetradic Color

#690d4e
```
#690d4e rgb(105,13,78)
```
#800f5e
```
#800f5e rgb(128,15,94)
```
#96126f
```
#96126f rgb(150,18,111)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#c41891
```
#c41891 rgb(196,24,145)
```
#da1ba2
```
#da1ba2 rgb(218,27,162)
```
#e529ae
```
#e529ae rgb(229,41,174)
```

Monochromatic Color

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

#ad15a6
```
#ad15a6 rgb(173,21,166)
```
#ad1599
```
#ad1599 rgb(173,21,153)
```
#ad158d
```
#ad158d rgb(173,21,141)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#ad1573
```
#ad1573 rgb(173,21,115)
```
#ad1567
```
#ad1567 rgb(173,21,103)
```
#ad155a
```
#ad155a rgb(173,21,90)
```

Similar Colors

Text with hexadecimal color #ad1580

This text has a font color of #ad1580.

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

#ad1580 background color

This paragraph has a background color of #ad1580.

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

#ad1580 border color

This element has a border color of #ad1580.

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

CSS codes

.text {color:#ad1580;}

.background {background-color:#ad1580;}

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

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, #10020c is the darkest color, while #fffdfe is the lightest one.

#10020c
```
#10020c rgb(16,2,12)
```
#210418
```
#210418 rgb(33,4,24)
```
#330625
```
#330625 rgb(51,6,37)
```
#440832
```
#440832 rgb(68,8,50)
```
#560a3f
```
#560a3f rgb(86,10,63)
```
#670d4c
```
#670d4c rgb(103,13,76)
```
#790f59
```
#790f59 rgb(121,15,89)
```
#8a1166
```
#8a1166 rgb(138,17,102)
```
#9c1373
```
#9c1373 rgb(156,19,115)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#be178d
```
#be178d rgb(190,23,141)
```
#d0199a
```
#d0199a rgb(208,25,154)
```
#e11ba7
```
#e11ba7 rgb(225,27,167)
```

Shade Color Variation

#e52bae
```
#e52bae rgb(229,43,174)
```
#e73db5
```
#e73db5 rgb(231,61,181)
```
#ea4ebc
```
#ea4ebc rgb(234,78,188)
```
#ec60c2
```
#ec60c2 rgb(236,96,194)
```
#ee71c9
```
#ee71c9 rgb(238,113,201)
```
#f083d0
```
#f083d0 rgb(240,131,208)
```
#f294d6
```
#f294d6 rgb(242,148,214)
```
#f4a6dd
```
#f4a6dd rgb(244,166,221)
```
#f6b7e4
```
#f6b7e4 rgb(246,183,228)
```
#f8c9ea
```
#f8c9ea rgb(248,201,234)
```
#fbdaf1
```
#fbdaf1 rgb(251,218,241)
```
#fdecf8
```
#fdecf8 rgb(253,236,248)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#626062
```
#626062 rgb(98,96,98)
```
#6a5865
```
#6a5865 rgb(106,88,101)
```
#715168
```
#715168 rgb(113,81,104)
```
#79496b
```
#79496b rgb(121,73,107)
```
#80426e
```
#80426e rgb(128,66,110)
```
#883a71
```
#883a71 rgb(136,58,113)
```
#8f3374
```
#8f3374 rgb(143,51,116)
```
#972b77
```
#972b77 rgb(151,43,119)
```
#9e247a
```
#9e247a rgb(158,36,122)
```
#a61c7d
```
#a61c7d rgb(166,28,125)
```
#ad1580
```
#ad1580 rgb(173,21,128)
```
#b40e83
```
#b40e83 rgb(180,14,131)
```
#bc0686
```
#bc0686 rgb(188,6,134)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#624359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c63ae Protanopia 1% of men
#63637a Deuteranopia 1% of men
#ab3e41 Tritanopia 0.001% of the population

Trichromacy

#65469d Protanomaly 1% of men, 0.01% of women
#7e477c Deuteranomaly 6% of men, 0.4% of women
#ac2f58 Tritanomaly 0.01% of the population

#ad1580 hex color

#ad1580 Color Information

#ad1580 Color Conversion

Color Schemes with #ad1580

Alternatives to #ad1580

#ad1580 Preview

Shades and Tints of #ad1580

Tones of #ad1580

Color Blindness Simulator