#bb3aff hex color

In a RGB color space, hex #bb3aff is composed of 73.3% red, 22.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 77.3% magenta, 0% yellow and 0% black. It has a hue angle of 279.3 degrees, a saturation of 100% and a lightness of 61.4%. #bb3aff color hex could be obtained by blending #ff74ff with #7700ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 23
- B 100
RGB color chart
- C 27
- M 77
- Y 0
- K 0
CMYK color chart

● #bb3aff color description : Light violet.

The hexadecimal color #bb3aff has RGB values of R:187, G:58, B:255 and CMYK values of C:0.27, M:0.77, Y:0, K:0. Its decimal value is 12270335.

Hex triplet	bb3aff	`#bb3aff`
RGB Decimal	187, 58, 255	`rgb(187,58,255)`
RGB Percent	73.3, 22.7, 100	`rgb(73.3%,22.7%,100%)`
CMYK	27, 77, 0, 0
HSL	279.3°, 100, 61.4	`hsl(279.3,100%,61.4%)`
HSV (or HSB)	279.3°, 77.3, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.743, 78.556, -73.595
XYZ	40.054, 20.812, 96.509
xyY	0.255, 0.132, 20.812
CIE-LCH	52.743, 107.644, 316.868
CIE-LUV	52.743, 35.524, -120.999
Hunter-Lab	45.62, 76.886, -93.494
Binary	10111011, 00111010, 11111111

#bb3aff
```
#bb3aff rgb(187,58,255)
```
#7eff3a
```
#7eff3a rgb(126,255,58)
```

Complementary Color

#593aff
```
#593aff rgb(89,58,255)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#ff3ae1
```
#ff3ae1 rgb(255,58,225)
```

Analogous Color

#3aff59
```
#3aff59 rgb(58,255,89)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#e1ff3a
```
#e1ff3a rgb(225,255,58)
```

Split Complementary Color

#3affbb
```
#3affbb rgb(58,255,187)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#ffbb3a
```
#ffbb3a rgb(255,187,58)
```

Triadic Color

#3a7eff
```
#3a7eff rgb(58,126,255)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#ffbb3a
```
#ffbb3a rgb(255,187,58)
```
#7eff3a
```
#7eff3a rgb(126,255,58)
```

Tetradic Color

#9b00ed
```
#9b00ed rgb(155,0,237)
```
#a907ff
```
#a907ff rgb(169,7,255)
```
#b221ff
```
#b221ff rgb(178,33,255)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#c454ff
```
#c454ff rgb(196,84,255)
```
#cd6dff
```
#cd6dff rgb(205,109,255)
```
#d587ff
```
#d587ff rgb(213,135,255)
```

Monochromatic Color

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

#8a3aff
```
#8a3aff rgb(138,58,255)
```
#9a3aff
```
#9a3aff rgb(154,58,255)
```
#ab3aff
```
#ab3aff rgb(171,58,255)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#cb3aff
```
#cb3aff rgb(203,58,255)
```
#dc3aff
```
#dc3aff rgb(220,58,255)
```
#ec3aff
```
#ec3aff rgb(236,58,255)
```

Similar Colors

Text with hexadecimal color #bb3aff

This text has a font color of #bb3aff.

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

#bb3aff background color

This paragraph has a background color of #bb3aff.

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

#bb3aff border color

This element has a border color of #bb3aff.

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

CSS codes

.text {color:#bb3aff;}

.background {background-color:#bb3aff;}

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

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, #0c0013 is the darkest color, while #fffeff is the lightest one.

#0c0013
```
#0c0013 rgb(12,0,19)
```
#190026
```
#190026 rgb(25,0,38)
```
#26003a
```
#26003a rgb(38,0,58)
```
#33004e
```
#33004e rgb(51,0,78)
```
#400061
```
#400061 rgb(64,0,97)
```
#4d0075
```
#4d0075 rgb(77,0,117)
```
#590088
```
#590088 rgb(89,0,136)
```
#66009c
```
#66009c rgb(102,0,156)
```
#7300b0
```
#7300b0 rgb(115,0,176)
```
#8000c3
```
#8000c3 rgb(128,0,195)
```
#8d00d7
```
#8d00d7 rgb(141,0,215)
```
#9a00eb
```
#9a00eb rgb(154,0,235)
```
#a600fe
```
#a600fe rgb(166,0,254)
```

Shade Color Variation

#ad13ff
```
#ad13ff rgb(173,19,255)
```
#b426ff
```
#b426ff rgb(180,38,255)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```
#c24eff
```
#c24eff rgb(194,78,255)
```
#c961ff
```
#c961ff rgb(201,97,255)
```
#cf75ff
```
#cf75ff rgb(207,117,255)
```
#d688ff
```
#d688ff rgb(214,136,255)
```
#dd9cff
```
#dd9cff rgb(221,156,255)
```
#e4b0ff
```
#e4b0ff rgb(228,176,255)
```
#eac3ff
```
#eac3ff rgb(234,195,255)
```
#f1d7ff
```
#f1d7ff rgb(241,215,255)
```
#f8ebff
```
#f8ebff rgb(248,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#9f95a4
```
#9f95a4 rgb(159,149,164)
```
#a18dac
```
#a18dac rgb(161,141,172)
```
#a486b3
```
#a486b3 rgb(164,134,179)
```
#a67ebb
```
#a67ebb rgb(166,126,187)
```
#a877c2
```
#a877c2 rgb(168,119,194)
```
#ab6fca
```
#ab6fca rgb(171,111,202)
```
#ad67d2
```
#ad67d2 rgb(173,103,210)
```
#af60d9
```
#af60d9 rgb(175,96,217)
```
#b258e1
```
#b258e1 rgb(178,88,225)
```
#b451e8
```
#b451e8 rgb(180,81,232)
```
#b649f0
```
#b649f0 rgb(182,73,240)
```
#b942f7
```
#b942f7 rgb(185,66,247)
```
#bb3aff
```
#bb3aff rgb(187,58,255)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#856b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0087df Deuteranopia 1% of men
#a57880 Tritanopia 0.001% of the population

Trichromacy

#4467fc Protanomaly 1% of men, 0.01% of women
#446bea Deuteranomaly 6% of men, 0.4% of women
#ad61ae Tritanomaly 0.01% of the population

#bb3aff hex color

#bb3aff Color Information

#bb3aff Color Conversion

Color Schemes with #bb3aff

Alternatives to #bb3aff

#bb3aff Preview

Shades and Tints of #bb3aff

Tones of #bb3aff

Color Blindness Simulator