#bb5ae1 hex color

In a RGB color space, hex #bb5ae1 is composed of 73.3% red, 35.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 60% magenta, 0% yellow and 11.8% black. It has a hue angle of 283.1 degrees, a saturation of 69.2% and a lightness of 61.8%. #bb5ae1 color hex could be obtained by blending #ffb4ff with #7700c3. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 35
- B 88
RGB color chart
- C 17
- M 60
- Y 0
- K 12
CMYK color chart

● #bb5ae1 color description : Soft violet.

The hexadecimal color #bb5ae1 has RGB values of R:187, G:90, B:225 and CMYK values of C:0.17, M:0.6, Y:0, K:0.12. Its decimal value is 12278497.

Hex triplet	bb5ae1	`#bb5ae1`
RGB Decimal	187, 90, 225	`rgb(187,90,225)`
RGB Percent	73.3, 35.3, 88.2	`rgb(73.3%,35.3%,88.2%)`
CMYK	17, 60, 0, 12
HSL	283.1°, 69.2, 61.8	`hsl(283.1,69.2%,61.8%)`
HSV (or HSB)	283.1°, 60, 88.2
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.395, 59.759, -52.542
XYZ	37.739, 23.315, 73.742
xyY	0.28, 0.173, 23.315
CIE-LCH	55.395, 79.573, 318.677
CIE-LUV	55.395, 36.122, -89.013
Hunter-Lab	48.285, 55.012, -56.749
Binary	10111011, 01011010, 11100001

#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#80e15a
```
#80e15a rgb(128,225,90)
```

Complementary Color

#785ae1
```
#785ae1 rgb(120,90,225)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#e15ac4
```
#e15ac4 rgb(225,90,196)
```

Analogous Color

#5ae178
```
#5ae178 rgb(90,225,120)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#c4e15a
```
#c4e15a rgb(196,225,90)
```

Split Complementary Color

#5ae1bb
```
#5ae1bb rgb(90,225,187)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#e1bb5a
```
#e1bb5a rgb(225,187,90)
```

Triadic Color

#5a80e1
```
#5a80e1 rgb(90,128,225)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#e1bb5a
```
#e1bb5a rgb(225,187,90)
```
#80e15a
```
#80e15a rgb(128,225,90)
```

Tetradic Color

#9b25ca
```
#9b25ca rgb(155,37,202)
```
#a92fd9
```
#a92fd9 rgb(169,47,217)
```
#b244dd
```
#b244dd rgb(178,68,221)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#c470e5
```
#c470e5 rgb(196,112,229)
```
#cd85e9
```
#cd85e9 rgb(205,133,233)
```
#d69bed
```
#d69bed rgb(214,155,237)
```

Monochromatic Color

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

#995ae1
```
#995ae1 rgb(153,90,225)
```
#a55ae1
```
#a55ae1 rgb(165,90,225)
```
#b05ae1
```
#b05ae1 rgb(176,90,225)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#c65ae1
```
#c65ae1 rgb(198,90,225)
```
#d25ae1
```
#d25ae1 rgb(210,90,225)
```
#dd5ae1
```
#dd5ae1 rgb(221,90,225)
```

Similar Colors

Text with hexadecimal color #bb5ae1

This text has a font color of #bb5ae1.

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

#bb5ae1 background color

This paragraph has a background color of #bb5ae1.

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

#bb5ae1 border color

This element has a border color of #bb5ae1.

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

CSS codes

.text {color:#bb5ae1;}

.background {background-color:#bb5ae1;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0312
```
#0e0312 rgb(14,3,18)
```
#1a0622
```
#1a0622 rgb(26,6,34)
```
#270933
```
#270933 rgb(39,9,51)
```
#340c43
```
#340c43 rgb(52,12,67)
```
#410f54
```
#410f54 rgb(65,15,84)
```
#4d1265
```
#4d1265 rgb(77,18,101)
```
#5a1575
```
#5a1575 rgb(90,21,117)
```
#671886
```
#671886 rgb(103,24,134)
```
#741b96
```
#741b96 rgb(116,27,150)
```
#811ea7
```
#811ea7 rgb(129,30,167)
```
#8d21b8
```
#8d21b8 rgb(141,33,184)
```
#9a24c8
```
#9a24c8 rgb(154,36,200)
```

Shade Color Variation

#a628d8
```
#a628d8 rgb(166,40,216)
```
#ad39db
```
#ad39db rgb(173,57,219)
```
#b449de
```
#b449de rgb(180,73,222)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#c26be4
```
#c26be4 rgb(194,107,228)
```
#c97be7
```
#c97be7 rgb(201,123,231)
```
#d08cea
```
#d08cea rgb(208,140,234)
```
#d69ced
```
#d69ced rgb(214,156,237)
```
#ddadf0
```
#ddadf0 rgb(221,173,240)
```
#e4bef3
```
#e4bef3 rgb(228,190,243)
```
#ebcef6
```
#ebcef6 rgb(235,206,246)
```
#f2dff9
```
#f2dff9 rgb(242,223,249)
```
#f9effc
```
#f9effc rgb(249,239,252)
```

Tint Color Variation

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

#a196a5
```
#a196a5 rgb(161,150,165)
```
#a48fad
```
#a48fad rgb(164,143,173)
```
#a787b4
```
#a787b4 rgb(167,135,180)
```
#ab80bc
```
#ab80bc rgb(171,128,188)
```
#ae78c3
```
#ae78c3 rgb(174,120,195)
```
#b171cb
```
#b171cb rgb(177,113,203)
```
#b469d2
```
#b469d2 rgb(180,105,210)
```
#b862da
```
#b862da rgb(184,98,218)
```
#bb5ae1
```
#bb5ae1 rgb(187,90,225)
```
#be53e9
```
#be53e9 rgb(190,83,233)
```
#c24bf0
```
#c24bf0 rgb(194,75,240)
```
#c544f8
```
#c544f8 rgb(197,68,248)
```
#c83cff
```
#c83cff rgb(200,60,255)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#917d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3787ff Protanopia 1% of men
#5b8bd5 Deuteranopia 1% of men
#ae7e86 Tritanopia 0.001% of the population

Trichromacy

#6776f4 Protanomaly 1% of men, 0.01% of women
#7e79d9 Deuteranomaly 6% of men, 0.4% of women
#b370a7 Tritanomaly 0.01% of the population

#bb5ae1 hex color

#bb5ae1 Color Information

#bb5ae1 Color Conversion

Color Schemes with #bb5ae1

Alternatives to #bb5ae1

#bb5ae1 Preview

Shades and Tints of #bb5ae1

Tones of #bb5ae1

Color Blindness Simulator