#a580d4 hex color

In a RGB color space, hex #a580d4 is composed of 64.7% red, 50.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 39.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 266.4 degrees, a saturation of 49.4% and a lightness of 66.7%. #a580d4 color hex could be obtained by blending #ffffff with #4b01a9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 50
- B 83
RGB color chart
- C 22
- M 40
- Y 0
- K 17
CMYK color chart

● #a580d4 color description : Slightly desaturated violet.

The hexadecimal color #a580d4 has RGB values of R:165, G:128, B:212 and CMYK values of C:0.22, M:0.4, Y:0, K:0.17. Its decimal value is 10846420.

Hex triplet	a580d4	`#a580d4`
RGB Decimal	165, 128, 212	`rgb(165,128,212)`
RGB Percent	64.7, 50.2, 83.1	`rgb(64.7%,50.2%,83.1%)`
CMYK	22, 40, 0, 17
HSL	266.4°, 49.4, 66.7	`hsl(266.4,49.4%,66.7%)`
HSV (or HSB)	266.4°, 39.6, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.061, 30.934, -38.015
XYZ	35.118, 28.191, 65.875
xyY	0.272, 0.218, 28.191
CIE-LCH	60.061, 49.011, 309.137
CIE-LUV	60.061, 12.821, -63.507
Hunter-Lab	53.096, 25.145, -36.394
Binary	10100101, 10000000, 11010100

#a580d4
```
#a580d4 rgb(165,128,212)
```
#afd480
```
#afd480 rgb(175,212,128)
```

Complementary Color

#8085d4
```
#8085d4 rgb(128,133,212)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#cf80d4
```
#cf80d4 rgb(207,128,212)
```

Analogous Color

#85d480
```
#85d480 rgb(133,212,128)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#d4cf80
```
#d4cf80 rgb(212,207,128)
```

Split Complementary Color

#80d4a5
```
#80d4a5 rgb(128,212,165)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#d4a580
```
#d4a580 rgb(212,165,128)
```

Triadic Color

#80afd4
```
#80afd4 rgb(128,175,212)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#d4a580
```
#d4a580 rgb(212,165,128)
```
#afd480
```
#afd480 rgb(175,212,128)
```

Tetradic Color

#7d47c1
```
#7d47c1 rgb(125,71,193)
```
#8a5ac7
```
#8a5ac7 rgb(138,90,199)
```
#986dce
```
#986dce rgb(152,109,206)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#b393da
```
#b393da rgb(179,147,218)
```
#c0a6e1
```
#c0a6e1 rgb(192,166,225)
```
#ceb9e7
```
#ceb9e7 rgb(206,185,231)
```

Monochromatic Color

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

#9080d4
```
#9080d4 rgb(144,128,212)
```
#9780d4
```
#9780d4 rgb(151,128,212)
```
#9e80d4
```
#9e80d4 rgb(158,128,212)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#ac80d4
```
#ac80d4 rgb(172,128,212)
```
#b380d4
```
#b380d4 rgb(179,128,212)
```
#ba80d4
```
#ba80d4 rgb(186,128,212)
```

Similar Colors

Text with hexadecimal color #a580d4

This text has a font color of #a580d4.

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

#a580d4 background color

This paragraph has a background color of #a580d4.

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

#a580d4 border color

This element has a border color of #a580d4.

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

CSS codes

.text {color:#a580d4;}

.background {background-color:#a580d4;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0c0714
```
#0c0714 rgb(12,7,20)
```
#160c22
```
#160c22 rgb(22,12,34)
```
#1f1131
```
#1f1131 rgb(31,17,49)
```
#281640
```
#281640 rgb(40,22,64)
```
#311a4e
```
#311a4e rgb(49,26,78)
```
#3a1f5d
```
#3a1f5d rgb(58,31,93)
```
#44246b
```
#44246b rgb(68,36,107)
```
#4d297a
```
#4d297a rgb(77,41,122)
```
#562e89
```
#562e89 rgb(86,46,137)
```
#5f3397
```
#5f3397 rgb(95,51,151)
```
#6938a6
```
#6938a6 rgb(105,56,166)
```
#723db5
```
#723db5 rgb(114,61,181)
```

Shade Color Variation

#7b45c0
```
#7b45c0 rgb(123,69,192)
```
#8654c5
```
#8654c5 rgb(134,84,197)
```
#9063ca
```
#9063ca rgb(144,99,202)
```
#9b71cf
```
#9b71cf rgb(155,113,207)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#af8fd9
```
#af8fd9 rgb(175,143,217)
```
#ba9dde
```
#ba9dde rgb(186,157,222)
```
#c4ace3
```
#c4ace3 rgb(196,172,227)
```
#cfbbe8
```
#cfbbe8 rgb(207,187,232)
```
#d9c9ed
```
#d9c9ed rgb(217,201,237)
```
#e3d8f2
```
#e3d8f2 rgb(227,216,242)
```
#eee7f7
```
#eee7f7 rgb(238,231,247)
```
#f8f5fc
```
#f8f5fc rgb(248,245,252)
```

Tint Color Variation

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

#aaa7ad
```
#aaa7ad rgb(170,167,173)
```
#a9a1b3
```
#a9a1b3 rgb(169,161,179)
```
#a89aba
```
#a89aba rgb(168,154,186)
```
#a794c0
```
#a794c0 rgb(167,148,192)
```
#a78dc7
```
#a78dc7 rgb(167,141,199)
```
#a687cd
```
#a687cd rgb(166,135,205)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```
#a479db
```
#a479db rgb(164,121,219)
```
#a373e1
```
#a373e1 rgb(163,115,225)
```
#a36ce8
```
#a36ce8 rgb(163,108,232)
```
#a266ee
```
#a266ee rgb(162,102,238)
```
#a15ff5
```
#a15ff5 rgb(161,95,245)
```
#a059fb
```
#a059fb rgb(160,89,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9891a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7893e0 Protanopia 1% of men
#7d95d1 Deuteranopia 1% of men
#9d939d Tritanopia 0.001% of the population

Trichromacy

#888cdb Protanomaly 1% of men, 0.01% of women
#8c8dd2 Deuteranomaly 6% of men, 0.4% of women
#a08cb1 Tritanomaly 0.01% of the population

#a580d4 hex color

#a580d4 Color Information

#a580d4 Color Conversion

Color Schemes with #a580d4

Alternatives to #a580d4

#a580d4 Preview

Shades and Tints of #a580d4

Tones of #a580d4

Color Blindness Simulator