#b580f2 hex color

In a RGB color space, hex #b580f2 is composed of 71% red, 50.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 47.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 267.9 degrees, a saturation of 81.4% and a lightness of 72.5%. #b580f2 color hex could be obtained by blending #ffffff with #6b01e5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 50
- B 95
RGB color chart
- C 25
- M 47
- Y 0
- K 5
CMYK color chart

● #b580f2 color description : Soft violet.

The hexadecimal color #b580f2 has RGB values of R:181, G:128, B:242 and CMYK values of C:0.25, M:0.47, Y:0, K:0.05. Its decimal value is 11895026.

Hex triplet	b580f2	`#b580f2`
RGB Decimal	181, 128, 242	`rgb(181,128,242)`
RGB Percent	71, 50.2, 94.9	`rgb(71%,50.2%,94.9%)`
CMYK	25, 47, 0, 5
HSL	267.9°, 81.4, 72.5	`hsl(267.9,81.4%,72.5%)`
HSV (or HSB)	267.9°, 47.1, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	63.072, 42.413, -49.865
XYZ	42.8, 31.673, 87.858
xyY	0.264, 0.195, 31.673
CIE-LCH	63.072, 65.463, 310.383
CIE-LUV	63.072, 17.409, -84.916
Hunter-Lab	56.279, 37.259, -53.163
Binary	10110101, 10000000, 11110010

#b580f2
```
#b580f2 rgb(181,128,242)
```
#bdf280
```
#bdf280 rgb(189,242,128)
```

Complementary Color

#8084f2
```
#8084f2 rgb(128,132,242)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#ee80f2
```
#ee80f2 rgb(238,128,242)
```

Analogous Color

#84f280
```
#84f280 rgb(132,242,128)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#f2ee80
```
#f2ee80 rgb(242,238,128)
```

Split Complementary Color

#80f2b5
```
#80f2b5 rgb(128,242,181)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#f2b580
```
#f2b580 rgb(242,181,128)
```

Triadic Color

#80bdf2
```
#80bdf2 rgb(128,189,242)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#f2b580
```
#f2b580 rgb(242,181,128)
```
#bdf280
```
#bdf280 rgb(189,242,128)
```

Tetradic Color

#8d3beb
```
#8d3beb rgb(141,59,235)
```
#9a52ed
```
#9a52ed rgb(154,82,237)
```
#a869f0
```
#a869f0 rgb(168,105,240)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#c297f4
```
#c297f4 rgb(194,151,244)
```
#d0aef7
```
#d0aef7 rgb(208,174,247)
```
#ddc5f9
```
#ddc5f9 rgb(221,197,249)
```

Monochromatic Color

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

#9980f2
```
#9980f2 rgb(153,128,242)
```
#a280f2
```
#a280f2 rgb(162,128,242)
```
#ac80f2
```
#ac80f2 rgb(172,128,242)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#bf80f2
```
#bf80f2 rgb(191,128,242)
```
#c880f2
```
#c880f2 rgb(200,128,242)
```
#d280f2
```
#d280f2 rgb(210,128,242)
```

Similar Colors

Text with hexadecimal color #b580f2

This text has a font color of #b580f2.

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

#b580f2 background color

This paragraph has a background color of #b580f2.

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

#b580f2 border color

This element has a border color of #b580f2.

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

CSS codes

.text {color:#b580f2;}

.background {background-color:#b580f2;}

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

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, #08020f is the darkest color, while #fefdff is the lightest one.

#08020f
```
#08020f rgb(8,2,15)
```
#110321
```
#110321 rgb(17,3,33)
```
#1a0533
```
#1a0533 rgb(26,5,51)
```
#240745
```
#240745 rgb(36,7,69)
```
#2d0957
```
#2d0957 rgb(45,9,87)
```
#360b68
```
#360b68 rgb(54,11,104)
```
#3f0d7a
```
#3f0d7a rgb(63,13,122)
```
#490e8c
```
#490e8c rgb(73,14,140)
```
#52109e
```
#52109e rgb(82,16,158)
```
#5b12af
```
#5b12af rgb(91,18,175)
```
#6414c1
```
#6414c1 rgb(100,20,193)
```
#6e16d3
```
#6e16d3 rgb(110,22,211)
```
#7717e5
```
#7717e5 rgb(119,23,229)
```

Shade Color Variation

#8127e9
```
#8127e9 rgb(129,39,233)
```
#8c39eb
```
#8c39eb rgb(140,57,235)
```
#964bed
```
#964bed rgb(150,75,237)
```
#a05cee
```
#a05cee rgb(160,92,238)
```
#ab6ef0
```
#ab6ef0 rgb(171,110,240)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#bf92f4
```
#bf92f4 rgb(191,146,244)
```
#caa4f6
```
#caa4f6 rgb(202,164,246)
```
#d4b5f7
```
#d4b5f7 rgb(212,181,247)
```
#dec7f9
```
#dec7f9 rgb(222,199,249)
```
#e9d9fb
```
#e9d9fb rgb(233,217,251)
```
#f3ebfd
```
#f3ebfd rgb(243,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b9b6bc
```
#b9b6bc rgb(185,182,188)
```
#b8b0c2
```
#b8b0c2 rgb(184,176,194)
```
#b8abc7
```
#b8abc7 rgb(184,171,199)
```
#b8a6cc
```
#b8a6cc rgb(184,166,204)
```
#b7a0d2
```
#b7a0d2 rgb(183,160,210)
```
#b79bd7
```
#b79bd7 rgb(183,155,215)
```
#b796dc
```
#b796dc rgb(183,150,220)
```
#b690e2
```
#b690e2 rgb(182,144,226)
```
#b68be7
```
#b68be7 rgb(182,139,231)
```
#b585ed
```
#b585ed rgb(181,133,237)
```
#b580f2
```
#b580f2 rgb(181,128,242)
```
#b57bf7
```
#b57bf7 rgb(181,123,247)
```
#b475fd
```
#b475fd rgb(180,117,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a297ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e9aff Protanopia 1% of men
#739dea Deuteranopia 1% of men
#a899a4 Tritanopia 0.001% of the population

Trichromacy

#8891fa Protanomaly 1% of men, 0.01% of women
#8b92ed Deuteranomaly 6% of men, 0.4% of women
#ac90c0 Tritanomaly 0.01% of the population

#b580f2 hex color

#b580f2 Color Information

#b580f2 Color Conversion

Color Schemes with #b580f2

Alternatives to #b580f2

#b580f2 Preview

Shades and Tints of #b580f2

Tones of #b580f2

Color Blindness Simulator