#bb28f0 hex color

In a RGB color space, hex #bb28f0 is composed of 73.3% red, 15.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 83.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 284.1 degrees, a saturation of 87% and a lightness of 54.9%. #bb28f0 color hex could be obtained by blending #ff50ff with #7700e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 16
- B 94
RGB color chart
- C 22
- M 83
- Y 0
- K 6
CMYK color chart

● #bb28f0 color description : Bright violet.

The hexadecimal color #bb28f0 has RGB values of R:187, G:40, B:240 and CMYK values of C:0.22, M:0.83, Y:0, K:0.06. Its decimal value is 12265712.

Hex triplet	bb28f0	`#bb28f0`
RGB Decimal	187, 40, 240	`rgb(187,40,240)`
RGB Percent	73.3, 15.7, 94.1	`rgb(73.3%,15.7%,94.1%)`
CMYK	22, 83, 0, 6
HSL	284.1°, 87, 54.9	`hsl(284.1,87%,54.9%)`
HSV (or HSB)	284.1°, 83.3, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.948, 80.754, -69.75
XYZ	36.978, 18.375, 84.032
xyY	0.265, 0.132, 18.375
CIE-LCH	49.948, 106.706, 319.182
CIE-LUV	49.948, 41.617, -113.944
Hunter-Lab	42.866, 78.967, -86.222
Binary	10111011, 00101000, 11110000

#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#5df028
```
#5df028 rgb(93,240,40)
```

Complementary Color

#5728f0
```
#5728f0 rgb(87,40,240)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#f028c1
```
#f028c1 rgb(240,40,193)
```

Analogous Color

#28f057
```
#28f057 rgb(40,240,87)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#c1f028
```
#c1f028 rgb(193,240,40)
```

Split Complementary Color

#28f0bb
```
#28f0bb rgb(40,240,187)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#f0bb28
```
#f0bb28 rgb(240,187,40)
```

Triadic Color

#285df0
```
#285df0 rgb(40,93,240)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#f0bb28
```
#f0bb28 rgb(240,187,40)
```
#5df028
```
#5df028 rgb(93,240,40)
```

Tetradic Color

#8f0dbe
```
#8f0dbe rgb(143,13,190)
```
#a10fd6
```
#a10fd6 rgb(161,15,214)
```
#b311ee
```
#b311ee rgb(179,17,238)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#c340f2
```
#c340f2 rgb(195,64,242)
```
#ca58f3
```
#ca58f3 rgb(202,88,243)
```
#d270f5
```
#d270f5 rgb(210,112,245)
```

Monochromatic Color

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

#8928f0
```
#8928f0 rgb(137,40,240)
```
#9a28f0
```
#9a28f0 rgb(154,40,240)
```
#aa28f0
```
#aa28f0 rgb(170,40,240)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#cc28f0
```
#cc28f0 rgb(204,40,240)
```
#dc28f0
```
#dc28f0 rgb(220,40,240)
```
#ed28f0
```
#ed28f0 rgb(237,40,240)
```

Similar Colors

Text with hexadecimal color #bb28f0

This text has a font color of #bb28f0.

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

#bb28f0 background color

This paragraph has a background color of #bb28f0.

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

#bb28f0 border color

This element has a border color of #bb28f0.

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

CSS codes

.text {color:#bb28f0;}

.background {background-color:#bb28f0;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#120217
```
#120217 rgb(18,2,23)
```
#1f032a
```
#1f032a rgb(31,3,42)
```
#2d043c
```
#2d043c rgb(45,4,60)
```
#3b054e
```
#3b054e rgb(59,5,78)
```
#490761
```
#490761 rgb(73,7,97)
```
#570873
```
#570873 rgb(87,8,115)
```
#650985
```
#650985 rgb(101,9,133)
```
#720b98
```
#720b98 rgb(114,11,152)
```
#800caa
```
#800caa rgb(128,12,170)
```
#8e0dbc
```
#8e0dbc rgb(142,13,188)
```
#9c0ecf
```
#9c0ecf rgb(156,14,207)
```
#aa10e1
```
#aa10e1 rgb(170,16,225)
```

Shade Color Variation

#b516ef
```
#b516ef rgb(181,22,239)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#c13af1
```
#c13af1 rgb(193,58,241)
```
#c74df3
```
#c74df3 rgb(199,77,243)
```
#cc5ff4
```
#cc5ff4 rgb(204,95,244)
```
#d271f5
```
#d271f5 rgb(210,113,245)
```
#d884f6
```
#d884f6 rgb(216,132,246)
```
#de96f8
```
#de96f8 rgb(222,150,248)
```
#e4a8f9
```
#e4a8f9 rgb(228,168,249)
```
#e9bbfa
```
#e9bbfa rgb(233,187,250)
```
#efcdfc
```
#efcdfc rgb(239,205,252)
```
#f5dffd
```
#f5dffd rgb(245,223,253)
```
#fbf2fe
```
#fbf2fe rgb(251,242,254)
```

Tint Color Variation

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

#8d898f
```
#8d898f rgb(141,137,143)
```
#918098
```
#918098 rgb(145,128,152)
```
#9678a0
```
#9678a0 rgb(150,120,160)
```
#9a6fa9
```
#9a6fa9 rgb(154,111,169)
```
#9e66b2
```
#9e66b2 rgb(158,102,178)
```
#a25dbb
```
#a25dbb rgb(162,93,187)
```
#a654c4
```
#a654c4 rgb(166,84,196)
```
#aa4bcd
```
#aa4bcd rgb(170,75,205)
```
#af43d5
```
#af43d5 rgb(175,67,213)
```
#b33ade
```
#b33ade rgb(179,58,222)
```
#b731e7
```
#b731e7 rgb(183,49,231)
```
#bb28f0
```
#bb28f0 rgb(187,40,240)
```
#bf1ff9
```
#bf1ff9 rgb(191,31,249)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b5e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#a86d74 Tritanopia 0.001% of the population

Trichromacy

#445cee Protanomaly 1% of men, 0.01% of women
#4460de Deuteranomaly 6% of men, 0.4% of women
#af54a1 Tritanomaly 0.01% of the population

#bb28f0 hex color

#bb28f0 Color Information

#bb28f0 Color Conversion

Color Schemes with #bb28f0

Alternatives to #bb28f0

#bb28f0 Preview

Shades and Tints of #bb28f0

Tones of #bb28f0

Color Blindness Simulator