colorhexa.com

#bb5aed hex color

In a RGB color space, hex #bb5aed is composed of 73.3% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 279.6 degrees, a saturation of 80.3% and a lightness of 64.1%. #bb5aed color hex could be obtained by blending #ffb4ff with #7700db. Closest websafe color is: #cc66ff.

- R 73
- G 35
- B 93
RGB color chart
- C 21
- M 62
- Y 0
- K 7
CMYK color chart

● #bb5aed color description : Soft violet.

The hexadecimal color #bb5aed has RGB values of R:187, G:90, B:237 and CMYK values of C:0.21, M:0.62, Y:0, K:0.07. Its decimal value is 12278509.

Hex triplet	bb5aed	`#bb5aed`
RGB Decimal	187, 90, 237	`rgb(187,90,237)`
RGB Percent	73.3, 35.3, 92.9	`rgb(73.3%,35.3%,92.9%)`
CMYK	21, 62, 0, 7
HSL	279.6°, 80.3, 64.1	`hsl(279.6,80.3%,64.1%)`
HSV (or HSB)	279.6°, 62, 92.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.08, 62.226, -58.18
XYZ	39.434, 23.993, 82.67
xyY	0.27, 0.164, 23.993
CIE-LCH	56.08, 85.188, 316.925
CIE-LUV	56.08, 33.411, -98.247
Hunter-Lab	48.982, 57.984, -65.779
Binary	10111011, 01011010, 11101101

#bb5aed
```
#bb5aed rgb(187,90,237)
```
#8ced5a
```
#8ced5a rgb(140,237,90)
```

Complementary Color

#725aed
```
#725aed rgb(114,90,237)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#ed5ad6
```
#ed5ad6 rgb(237,90,214)
```

Analogous Color

#5aed72
```
#5aed72 rgb(90,237,114)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#d6ed5a
```
#d6ed5a rgb(214,237,90)
```

Split Complementary Color

#5aedbb
```
#5aedbb rgb(90,237,187)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#edbb5a
```
#edbb5a rgb(237,187,90)
```

Triadic Color

#5a8ced
```
#5a8ced rgb(90,140,237)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#edbb5a
```
#edbb5a rgb(237,187,90)
```
#8ced5a
```
#8ced5a rgb(140,237,90)
```

Tetradic Color

#9d19e2
```
#9d19e2 rgb(157,25,226)
```
#a82ce8
```
#a82ce8 rgb(168,44,232)
```
#b243ea
```
#b243ea rgb(178,67,234)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#c471f0
```
#c471f0 rgb(196,113,240)
```
#ce88f2
```
#ce88f2 rgb(206,136,242)
```
#d79ff5
```
#d79ff5 rgb(215,159,245)
```

Monochromatic Color

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

#965aed
```
#965aed rgb(150,90,237)
```
#a35aed
```
#a35aed rgb(163,90,237)
```
#af5aed
```
#af5aed rgb(175,90,237)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#c75aed
```
#c75aed rgb(199,90,237)
```
#d45aed
```
#d45aed rgb(212,90,237)
```
#e05aed
```
#e05aed rgb(224,90,237)
```

Similar Colors

Text with hexadecimal color #bb5aed

This text has a font color of #bb5aed.

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

#bb5aed background color

This paragraph has a background color of #bb5aed.

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

#bb5aed border color

This element has a border color of #bb5aed.

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

CSS codes

.text {color:#bb5aed;}

.background {background-color:#bb5aed;}

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

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, #08010c is the darkest color, while #fdf9fe is the lightest one.

#08010c
```
#08010c rgb(8,1,12)
```
#15031e
```
#15031e rgb(21,3,30)
```
#21052f
```
#21052f rgb(33,5,47)
```
#2d0741
```
#2d0741 rgb(45,7,65)
```
#3a0953
```
#3a0953 rgb(58,9,83)
```
#460b64
```
#460b64 rgb(70,11,100)
```
#520d76
```
#520d76 rgb(82,13,118)
```
#5f0f88
```
#5f0f88 rgb(95,15,136)
```
#6b1199
```
#6b1199 rgb(107,17,153)
```
#7713ab
```
#7713ab rgb(119,19,171)
```
#8415bd
```
#8415bd rgb(132,21,189)
```
#9017ce
```
#9017ce rgb(144,23,206)
```
#9c18e0
```
#9c18e0 rgb(156,24,224)
```

Shade Color Variation

#a525e7
```
#a525e7 rgb(165,37,231)
```
#ac37e9
```
#ac37e9 rgb(172,55,233)
```
#b448eb
```
#b448eb rgb(180,72,235)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#c26cef
```
#c26cef rgb(194,108,239)
```
#ca7df1
```
#ca7df1 rgb(202,125,241)
```
#d18ff3
```
#d18ff3 rgb(209,143,243)
```
#d8a1f5
```
#d8a1f5 rgb(216,161,245)
```
#dfb2f7
```
#dfb2f7 rgb(223,178,247)
```
#e7c4f9
```
#e7c4f9 rgb(231,196,249)
```
#eed6fb
```
#eed6fb rgb(238,214,251)
```
#f5e7fc
```
#f5e7fc rgb(245,231,252)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#a4a0a7
```
#a4a0a7 rgb(164,160,167)
```
#a799ae
```
#a799ae rgb(167,153,174)
```
#a992b5
```
#a992b5 rgb(169,146,181)
```
#ab8bbc
```
#ab8bbc rgb(171,139,188)
```
#ad84c3
```
#ad84c3 rgb(173,132,195)
```
#b07dca
```
#b07dca rgb(176,125,202)
```
#b276d1
```
#b276d1 rgb(178,118,209)
```
#b46fd8
```
#b46fd8 rgb(180,111,216)
```
#b668df
```
#b668df rgb(182,104,223)
```
#b961e6
```
#b961e6 rgb(185,97,230)
```
#bb5aed
```
#bb5aed rgb(187,90,237)
```
#bd53f4
```
#bd53f4 rgb(189,83,244)
```
#c04cfb
```
#c04cfb rgb(192,76,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#927f9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#4e8ddf Deuteranopia 1% of men
#ab818a Tritanopia 0.001% of the population

Trichromacy

#6b77f8 Protanomaly 1% of men, 0.01% of women
#757ae4 Deuteranomaly 6% of men, 0.4% of women
#b173ae Tritanomaly 0.01% of the population