#b580e2 hex color

In a RGB color space, hex #b580e2 is composed of 71% red, 50.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 19.9% cyan, 43.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 272.4 degrees, a saturation of 62.8% and a lightness of 69.4%. #b580e2 color hex could be obtained by blending #ffffff with #6b01c5. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 50
- B 89
RGB color chart
- C 20
- M 43
- Y 0
- K 11
CMYK color chart

● #b580e2 color description : Very soft violet.

The hexadecimal color #b580e2 has RGB values of R:181, G:128, B:226 and CMYK values of C:0.2, M:0.43, Y:0, K:0.11. Its decimal value is 11895010.

Hex triplet	b580e2	`#b580e2`
RGB Decimal	181, 128, 226	`rgb(181,128,226)`
RGB Percent	71, 50.2, 88.6	`rgb(71%,50.2%,88.6%)`
CMYK	20, 43, 0, 11
HSL	272.4°, 62.8, 69.4	`hsl(272.4,62.8%,69.4%)`
HSV (or HSB)	272.4°, 43.4, 88.6
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.299, 38.755, -42.218
XYZ	40.501, 30.754, 75.75
xyY	0.276, 0.209, 30.754
CIE-LCH	62.299, 57.309, 312.551
CIE-LUV	62.299, 19.736, -71.829
Hunter-Lab	55.456, 33.314, -42.168
Binary	10110101, 10000000, 11100010

#b580e2
```
#b580e2 rgb(181,128,226)
```
#ade280
```
#ade280 rgb(173,226,128)
```

Complementary Color

#8480e2
```
#8480e2 rgb(132,128,226)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#e280de
```
#e280de rgb(226,128,222)
```

Analogous Color

#80e284
```
#80e284 rgb(128,226,132)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#dee280
```
#dee280 rgb(222,226,128)
```

Split Complementary Color

#80e2b5
```
#80e2b5 rgb(128,226,181)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#e2b580
```
#e2b580 rgb(226,181,128)
```

Triadic Color

#80ade2
```
#80ade2 rgb(128,173,226)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#e2b580
```
#e2b580 rgb(226,181,128)
```
#ade280
```
#ade280 rgb(173,226,128)
```

Tetradic Color

#9142d4
```
#9142d4 rgb(145,66,212)
```
#9d56d9
```
#9d56d9 rgb(157,86,217)
```
#a96bdd
```
#a96bdd rgb(169,107,221)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#c195e7
```
#c195e7 rgb(193,149,231)
```
#cdaaeb
```
#cdaaeb rgb(205,170,235)
```
#d9bef0
```
#d9bef0 rgb(217,190,240)
```

Monochromatic Color

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

#9d80e2
```
#9d80e2 rgb(157,128,226)
```
#a580e2
```
#a580e2 rgb(165,128,226)
```
#ad80e2
```
#ad80e2 rgb(173,128,226)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#bd80e2
```
#bd80e2 rgb(189,128,226)
```
#c580e2
```
#c580e2 rgb(197,128,226)
```
#ce80e2
```
#ce80e2 rgb(206,128,226)
```

Similar Colors

Text with hexadecimal color #b580e2

This text has a font color of #b580e2.

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

#b580e2 background color

This paragraph has a background color of #b580e2.

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

#b580e2 border color

This element has a border color of #b580e2.

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

CSS codes

.text {color:#b580e2;}

.background {background-color:#b580e2;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0b0411
```
#0b0411 rgb(11,4,17)
```
#150721
```
#150721 rgb(21,7,33)
```
#1f0b31
```
#1f0b31 rgb(31,11,49)
```
#2a0f41
```
#2a0f41 rgb(42,15,65)
```
#341251
```
#341251 rgb(52,18,81)
```
#3e1661
```
#3e1661 rgb(62,22,97)
```
#491a71
```
#491a71 rgb(73,26,113)
```
#531d81
```
#531d81 rgb(83,29,129)
```
#5d2190
```
#5d2190 rgb(93,33,144)
```
#6825a0
```
#6825a0 rgb(104,37,160)
```
#7228b0
```
#7228b0 rgb(114,40,176)
```
#7c2cc0
```
#7c2cc0 rgb(124,44,192)
```

Shade Color Variation

#8630d0
```
#8630d0 rgb(134,48,208)
```
#9040d3
```
#9040d3 rgb(144,64,211)
```
#9950d7
```
#9950d7 rgb(153,80,215)
```
#a260db
```
#a260db rgb(162,96,219)
```
#ac70de
```
#ac70de rgb(172,112,222)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#be90e6
```
#be90e6 rgb(190,144,230)
```
#c8a0e9
```
#c8a0e9 rgb(200,160,233)
```
#d1b0ed
```
#d1b0ed rgb(209,176,237)
```
#dac0f1
```
#dac0f1 rgb(218,192,241)
```
#e4d0f4
```
#e4d0f4 rgb(228,208,244)
```
#ede0f8
```
#ede0f8 rgb(237,224,248)
```
#f6f0fc
```
#f6f0fc rgb(246,240,252)
```

Tint Color Variation

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

#b1b0b2
```
#b1b0b2 rgb(177,176,178)
```
#b2aab8
```
#b2aab8 rgb(178,170,184)
```
#b2a4be
```
#b2a4be rgb(178,164,190)
```
#b39ec4
```
#b39ec4 rgb(179,158,196)
```
#b398ca
```
#b398ca rgb(179,152,202)
```
#b492d0
```
#b492d0 rgb(180,146,208)
```
#b48cd6
```
#b48cd6 rgb(180,140,214)
```
#b586dc
```
#b586dc rgb(181,134,220)
```
#b580e2
```
#b580e2 rgb(181,128,226)
```
#b57ae8
```
#b57ae8 rgb(181,122,232)
```
#b674ee
```
#b674ee rgb(182,116,238)
```
#b66ef4
```
#b66ef4 rgb(182,110,244)
```
#b768fa
```
#b768fa rgb(183,104,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a096a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7699f1 Protanopia 1% of men
#7e9bdc Deuteranopia 1% of men
#ab96a1 Tritanopia 0.001% of the population

Trichromacy

#8d90eb Protanomaly 1% of men, 0.01% of women
#9291de Deuteranomaly 6% of men, 0.4% of women
#af8eb8 Tritanomaly 0.01% of the population

#b580e2 hex color

#b580e2 Color Information

#b580e2 Color Conversion

Color Schemes with #b580e2

Alternatives to #b580e2

#b580e2 Preview

Shades and Tints of #b580e2

Tones of #b580e2

Color Blindness Simulator