#b580bc hex color

In a RGB color space, hex #b580bc is composed of 71% red, 50.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 31.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 293 degrees, a saturation of 30.9% and a lightness of 62%. #b580bc color hex could be obtained by blending #ffffff with #6b0179. Closest websafe color is: #cc99cc.

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

● #b580bc color description : Slightly desaturated magenta.

The hexadecimal color #b580bc has RGB values of R:181, G:128, B:188 and CMYK values of C:0.04, M:0.32, Y:0, K:0.26. Its decimal value is 11894972.

Hex triplet	b580bc	`#b580bc`
RGB Decimal	181, 128, 188	`rgb(181,128,188)`
RGB Percent	71, 50.2, 73.7	`rgb(71%,50.2%,73.7%)`
CMYK	4, 32, 0, 26
HSL	293°, 30.9, 62	`hsl(293,30.9%,62%)`
HSV (or HSB)	293°, 31.9, 73.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	60.688, 30.713, -23.368
XYZ	35.851, 28.894, 51.263
xyY	0.309, 0.249, 28.894
CIE-LCH	60.688, 38.592, 322.734
CIE-LUV	60.688, 25.504, -40.205
Hunter-Lab	53.753, 24.985, -18.916
Binary	10110101, 10000000, 10111100

#b580bc
```
#b580bc rgb(181,128,188)
```
#87bc80
```
#87bc80 rgb(135,188,128)
```

Complementary Color

#9780bc
```
#9780bc rgb(151,128,188)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#bc80a5
```
#bc80a5 rgb(188,128,165)
```

Analogous Color

#80bc97
```
#80bc97 rgb(128,188,151)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#a5bc80
```
#a5bc80 rgb(165,188,128)
```

Split Complementary Color

#80bcb5
```
#80bcb5 rgb(128,188,181)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#bcb580
```
#bcb580 rgb(188,181,128)
```

Triadic Color

#8087bc
```
#8087bc rgb(128,135,188)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#bcb580
```
#bcb580 rgb(188,181,128)
```
#87bc80
```
#87bc80 rgb(135,188,128)
```

Tetradic Color

#94539d
```
#94539d rgb(148,83,157)
```
#a25faa
```
#a25faa rgb(162,95,170)
```
#ab6fb3
```
#ab6fb3 rgb(171,111,179)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#bf91c5
```
#bf91c5 rgb(191,145,197)
```
#c8a1ce
```
#c8a1ce rgb(200,161,206)
```
#d2b2d6
```
#d2b2d6 rgb(210,178,214)
```

Monochromatic Color

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

#a680bc
```
#a680bc rgb(166,128,188)
```
#ab80bc
```
#ab80bc rgb(171,128,188)
```
#b080bc
```
#b080bc rgb(176,128,188)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#ba80bc
```
#ba80bc rgb(186,128,188)
```
#bc80b9
```
#bc80b9 rgb(188,128,185)
```
#bc80b4
```
#bc80b4 rgb(188,128,180)
```

Similar Colors

Text with hexadecimal color #b580bc

This text has a font color of #b580bc.

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

#b580bc background color

This paragraph has a background color of #b580bc.

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

#b580bc border color

This element has a border color of #b580bc.

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

CSS codes

.text {color:#b580bc;}

.background {background-color:#b580bc;}

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

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 #f8f4f9 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0d080e
```
#0d080e rgb(13,8,14)
```
#1a0e1b
```
#1a0e1b rgb(26,14,27)
```
#261528
```
#261528 rgb(38,21,40)
```
#321c35
```
#321c35 rgb(50,28,53)
```
#3e2342
```
#3e2342 rgb(62,35,66)
```
#4a294e
```
#4a294e rgb(74,41,78)
```
#56305b
```
#56305b rgb(86,48,91)
```
#623768
```
#623768 rgb(98,55,104)
```
#6f3e75
```
#6f3e75 rgb(111,62,117)
```
#7b4482
```
#7b4482 rgb(123,68,130)
```
#874b8f
```
#874b8f rgb(135,75,143)
```
#93529c
```
#93529c rgb(147,82,156)
```

Shade Color Variation

#9f59a8
```
#9f59a8 rgb(159,89,168)
```
#a666ae
```
#a666ae rgb(166,102,174)
```
#ae73b5
```
#ae73b5 rgb(174,115,181)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#bc8dc3
```
#bc8dc3 rgb(188,141,195)
```
#c49aca
```
#c49aca rgb(196,154,202)
```
#cba7d0
```
#cba7d0 rgb(203,167,208)
```
#d3b3d7
```
#d3b3d7 rgb(211,179,215)
```
#dac0de
```
#dac0de rgb(218,192,222)
```
#e2cde5
```
#e2cde5 rgb(226,205,229)
```
#e9daeb
```
#e9daeb rgb(233,218,235)
```
#f1e7f2
```
#f1e7f2 rgb(241,231,242)
```
#f8f4f9
```
#f8f4f9 rgb(248,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 #e344f8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#a496a6
```
#a496a6 rgb(164,150,166)
```
#aa8fad
```
#aa8fad rgb(170,143,173)
```
#af87b5
```
#af87b5 rgb(175,135,181)
```
#b580bc
```
#b580bc rgb(181,128,188)
```
#bb79c3
```
#bb79c3 rgb(187,121,195)
```
#c071cb
```
#c071cb rgb(192,113,203)
```
#c66ad2
```
#c66ad2 rgb(198,106,210)
```
#cc62da
```
#cc62da rgb(204,98,218)
```
#d25be1
```
#d25be1 rgb(210,91,225)
```
#d753e9
```
#d753e9 rgb(215,83,233)
```
#dd4cf0
```
#dd4cf0 rgb(221,76,240)
```
#e344f8
```
#e344f8 rgb(227,68,248)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d929e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8796c9 Protanopia 1% of men
#9395ba Deuteranopia 1% of men
#b28e98 Tritanopia 0.001% of the population

Trichromacy

#988ec4 Protanomaly 1% of men, 0.01% of women
#9f8dbb Deuteranomaly 6% of men, 0.4% of women
#b389a5 Tritanomaly 0.01% of the population

#b580bc hex color

#b580bc Color Information

#b580bc Color Conversion

Color Schemes with #b580bc

Alternatives to #b580bc

#b580bc Preview

Shades and Tints of #b580bc

Tones of #b580bc

Color Blindness Simulator