#a580bc hex color

In a RGB color space, hex #a580bc is composed of 64.7% red, 50.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 31.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 277 degrees, a saturation of 30.9% and a lightness of 62%. #a580bc color hex could be obtained by blending #ffffff with #4b0179. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 50
- B 74
RGB color chart
- C 12
- M 32
- Y 0
- K 26
CMYK color chart

● #a580bc color description : Slightly desaturated violet.

The hexadecimal color #a580bc has RGB values of R:165, G:128, B:188 and CMYK values of C:0.12, M:0.32, Y:0, K:0.26. Its decimal value is 10846396.

Hex triplet	a580bc	`#a580bc`
RGB Decimal	165, 128, 188	`rgb(165,128,188)`
RGB Percent	64.7, 50.2, 73.7	`rgb(64.7%,50.2%,73.7%)`
CMYK	12, 32, 0, 26
HSL	277°, 30.9, 62	`hsl(277,30.9%,62%)`
HSV (or HSB)	277°, 31.9, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.038, 25.522, -26.044
XYZ	32.312, 27.069, 51.097
xyY	0.292, 0.245, 27.069
CIE-LCH	59.038, 36.465, 314.42
CIE-LUV	59.038, 15.824, -43.411
Hunter-Lab	52.028, 19.809, -21.81
Binary	10100101, 10000000, 10111100

#a580bc
```
#a580bc rgb(165,128,188)
```
#97bc80
```
#97bc80 rgb(151,188,128)
```

Complementary Color

#8780bc
```
#8780bc rgb(135,128,188)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#bc80b5
```
#bc80b5 rgb(188,128,181)
```

Analogous Color

#80bc87
```
#80bc87 rgb(128,188,135)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#b5bc80
```
#b5bc80 rgb(181,188,128)
```

Split Complementary Color

#80bca5
```
#80bca5 rgb(128,188,165)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#bca580
```
#bca580 rgb(188,165,128)
```

Triadic Color

#8097bc
```
#8097bc rgb(128,151,188)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#bca580
```
#bca580 rgb(188,165,128)
```
#97bc80
```
#97bc80 rgb(151,188,128)
```

Tetradic Color

#80539d
```
#80539d rgb(128,83,157)
```
#8d5faa
```
#8d5faa rgb(141,95,170)
```
#996fb3
```
#996fb3 rgb(153,111,179)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#b191c5
```
#b191c5 rgb(177,145,197)
```
#bda1ce
```
#bda1ce rgb(189,161,206)
```
#c8b2d6
```
#c8b2d6 rgb(200,178,214)
```

Monochromatic Color

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

#9680bc
```
#9680bc rgb(150,128,188)
```
#9b80bc
```
#9b80bc rgb(155,128,188)
```
#a080bc
```
#a080bc rgb(160,128,188)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#aa80bc
```
#aa80bc rgb(170,128,188)
```
#af80bc
```
#af80bc rgb(175,128,188)
```
#b480bc
```
#b480bc rgb(180,128,188)
```

Similar Colors

Text with hexadecimal color #a580bc

This text has a font color of #a580bc.

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

#a580bc background color

This paragraph has a background color of #a580bc.

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

#a580bc border color

This element has a border color of #a580bc.

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

CSS codes

.text {color:#a580bc;}

.background {background-color:#a580bc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c080e
```
#0c080e rgb(12,8,14)
```
#160e1b
```
#160e1b rgb(22,14,27)
```
#211528
```
#211528 rgb(33,21,40)
```
#2b1c35
```
#2b1c35 rgb(43,28,53)
```
#362342
```
#362342 rgb(54,35,66)
```
#40294e
```
#40294e rgb(64,41,78)
```
#4b305b
```
#4b305b rgb(75,48,91)
```
#553768
```
#553768 rgb(85,55,104)
```
#603e75
```
#603e75 rgb(96,62,117)
```
#6a4482
```
#6a4482 rgb(106,68,130)
```
#754b8f
```
#754b8f rgb(117,75,143)
```
#7f529c
```
#7f529c rgb(127,82,156)
```

Shade Color Variation

#8a59a8
```
#8a59a8 rgb(138,89,168)
```
#9366ae
```
#9366ae rgb(147,102,174)
```
#9c73b5
```
#9c73b5 rgb(156,115,181)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#ae8dc3
```
#ae8dc3 rgb(174,141,195)
```
#b79aca
```
#b79aca rgb(183,154,202)
```
#c0a7d0
```
#c0a7d0 rgb(192,167,208)
```
#c9b3d7
```
#c9b3d7 rgb(201,179,215)
```
#d2c0de
```
#d2c0de rgb(210,192,222)
```
#dccde5
```
#dccde5 rgb(220,205,229)
```
#e5daeb
```
#e5daeb rgb(229,218,235)
```
#eee7f2
```
#eee7f2 rgb(238,231,242)
```
#f7f4f9
```
#f7f4f9 rgb(247,244,249)
```

Tint Color Variation

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

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#a096a6
```
#a096a6 rgb(160,150,166)
```
#a28fad
```
#a28fad rgb(162,143,173)
```
#a387b5
```
#a387b5 rgb(163,135,181)
```
#a580bc
```
#a580bc rgb(165,128,188)
```
#a779c3
```
#a779c3 rgb(167,121,195)
```
#a871cb
```
#a871cb rgb(168,113,203)
```
#aa6ad2
```
#aa6ad2 rgb(170,106,210)
```
#ac62da
```
#ac62da rgb(172,98,218)
```
#ae5be1
```
#ae5be1 rgb(174,91,225)
```
#af53e9
```
#af53e9 rgb(175,83,233)
```
#b14cf0
```
#b14cf0 rgb(177,76,240)
```
#b344f8
```
#b344f8 rgb(179,68,248)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#968e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8292c7 Protanopia 1% of men
#8a91bb Deuteranopia 1% of men
#a28e98 Tritanopia 0.001% of the population

Trichromacy

#8f8bc3 Protanomaly 1% of men, 0.01% of women
#948bbb Deuteranomaly 6% of men, 0.4% of women
#a389a5 Tritanomaly 0.01% of the population

#a580bc hex color

#a580bc Color Information

#a580bc Color Conversion

Color Schemes with #a580bc

Alternatives to #a580bc

#a580bc Preview

Shades and Tints of #a580bc

Tones of #a580bc

Color Blindness Simulator