#bb3aed hex color

In a RGB color space, hex #bb3aed is composed of 73.3% red, 22.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 75.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 283.2 degrees, a saturation of 83.3% and a lightness of 57.8%. #bb3aed color hex could be obtained by blending #ff74ff with #7700db. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 23
- B 93
RGB color chart
- C 21
- M 76
- Y 0
- K 7
CMYK color chart

● #bb3aed color description : Bright violet.

The hexadecimal color #bb3aed has RGB values of R:187, G:58, B:237 and CMYK values of C:0.21, M:0.76, Y:0, K:0.07. Its decimal value is 12270317.

Hex triplet	bb3aed	`#bb3aed`
RGB Decimal	187, 58, 237	`rgb(187,58,237)`
RGB Percent	73.3, 22.7, 92.9	`rgb(73.3%,22.7%,92.9%)`
CMYK	21, 76, 0, 7
HSL	283.2°, 83.3, 57.8	`hsl(283.2,83.3%,57.8%)`
HSV (or HSB)	283.2°, 75.5, 92.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.504, 75.071, -65.543
XYZ	37.291, 19.707, 81.956
xyY	0.268, 0.142, 19.707
CIE-LCH	51.504, 99.657, 318.876
CIE-LUV	51.504, 40.099, -108.391
Hunter-Lab	44.392, 72.258, -78.385
Binary	10111011, 00111010, 11101101

#bb3aed
```
#bb3aed rgb(187,58,237)
```
#6ced3a
```
#6ced3a rgb(108,237,58)
```

Complementary Color

#623aed
```
#623aed rgb(98,58,237)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#ed3ac6
```
#ed3ac6 rgb(237,58,198)
```

Analogous Color

#3aed62
```
#3aed62 rgb(58,237,98)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#c6ed3a
```
#c6ed3a rgb(198,237,58)
```

Split Complementary Color

#3aedbb
```
#3aedbb rgb(58,237,187)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#edbb3a
```
#edbb3a rgb(237,187,58)
```

Triadic Color

#3a6ced
```
#3a6ced rgb(58,108,237)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#edbb3a
```
#edbb3a rgb(237,187,58)
```
#6ced3a
```
#6ced3a rgb(108,237,58)
```

Tetradic Color

#9512c8
```
#9512c8 rgb(149,18,200)
```
#a714e0
```
#a714e0 rgb(167,20,224)
```
#b323eb
```
#b323eb rgb(179,35,235)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#c351ef
```
#c351ef rgb(195,81,239)
```
#cb69f1
```
#cb69f1 rgb(203,105,241)
```
#d380f3
```
#d380f3 rgb(211,128,243)
```

Monochromatic Color

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

#8e3aed
```
#8e3aed rgb(142,58,237)
```
#9d3aed
```
#9d3aed rgb(157,58,237)
```
#ac3aed
```
#ac3aed rgb(172,58,237)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#ca3aed
```
#ca3aed rgb(202,58,237)
```
#d93aed
```
#d93aed rgb(217,58,237)
```
#e83aed
```
#e83aed rgb(232,58,237)
```

Similar Colors

Text with hexadecimal color #bb3aed

This text has a font color of #bb3aed.

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

#bb3aed background color

This paragraph has a background color of #bb3aed.

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

#bb3aed border color

This element has a border color of #bb3aed.

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

CSS codes

.text {color:#bb3aed;}

.background {background-color:#bb3aed;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0213
```
#0e0213 rgb(14,2,19)
```
#1b0325
```
#1b0325 rgb(27,3,37)
```
#290537
```
#290537 rgb(41,5,55)
```
#360749
```
#360749 rgb(54,7,73)
```
#44085b
```
#44085b rgb(68,8,91)
```
#510a6d
```
#510a6d rgb(81,10,109)
```
#5e0c7f
```
#5e0c7f rgb(94,12,127)
```
#6c0d90
```
#6c0d90 rgb(108,13,144)
```
#790fa2
```
#790fa2 rgb(121,15,162)
```
#8710b4
```
#8710b4 rgb(135,16,180)
```
#9412c6
```
#9412c6 rgb(148,18,198)
```
#a114d8
```
#a114d8 rgb(161,20,216)
```

Shade Color Variation

#af16ea
```
#af16ea rgb(175,22,234)
```
#b528eb
```
#b528eb rgb(181,40,235)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#c14cef
```
#c14cef rgb(193,76,239)
```
#c75ef0
```
#c75ef0 rgb(199,94,240)
```
#ce70f2
```
#ce70f2 rgb(206,112,242)
```
#d482f4
```
#d482f4 rgb(212,130,244)
```
#da94f5
```
#da94f5 rgb(218,148,245)
```
#e0a6f7
```
#e0a6f7 rgb(224,166,247)
```
#e6b8f8
```
#e6b8f8 rgb(230,184,248)
```
#edcafa
```
#edcafa rgb(237,202,250)
```
#f3dcfc
```
#f3dcfc rgb(243,220,252)
```
#f9eefd
```
#f9eefd rgb(249,238,253)
```

Tint Color Variation

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

#978d9a
```
#978d9a rgb(151,141,154)
```
#9a84a3
```
#9a84a3 rgb(154,132,163)
```
#9e7cab
```
#9e7cab rgb(158,124,171)
```
#a174b3
```
#a174b3 rgb(161,116,179)
```
#a56cbb
```
#a56cbb rgb(165,108,187)
```
#a963c4
```
#a963c4 rgb(169,99,196)
```
#ac5bcc
```
#ac5bcc rgb(172,91,204)
```
#b053d4
```
#b053d4 rgb(176,83,212)
```
#b44bdc
```
#b44bdc rgb(180,75,220)
```
#b742e5
```
#b742e5 rgb(183,66,229)
```
#bb3aed
```
#bb3aed rgb(187,58,237)
```
#bf32f5
```
#bf32f5 rgb(191,50,245)
```
#c229fe
```
#c229fe rgb(194,41,254)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#83698d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#1483db Deuteranopia 1% of men
#aa727a Tritanopia 0.001% of the population

Trichromacy

#4465f2 Protanomaly 1% of men, 0.01% of women
#5168e1 Deuteranomaly 6% of men, 0.4% of women
#b05da3 Tritanomaly 0.01% of the population

#bb3aed hex color

#bb3aed Color Information

#bb3aed Color Conversion

Color Schemes with #bb3aed

Alternatives to #bb3aed

#bb3aed Preview

Shades and Tints of #bb3aed

Tones of #bb3aed

Color Blindness Simulator