colorhexa.com

#bb30fb hex color

In a RGB color space, hex #bb30fb is composed of 73.3% red, 18.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 80.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 281.1 degrees, a saturation of 96.2% and a lightness of 58.6%. #bb30fb color hex could be obtained by blending #ff60ff with #7700f7. Closest websafe color is: #cc33ff.

- R 73
- G 19
- B 98
RGB color chart
- C 25
- M 81
- Y 0
- K 2
CMYK color chart

● #bb30fb color description : Bright violet.

The hexadecimal color #bb30fb has RGB values of R:187, G:48, B:251 and CMYK values of C:0.25, M:0.81, Y:0, K:0.02. Its decimal value is 12267771.

Hex triplet	bb30fb	`#bb30fb`
RGB Decimal	187, 48, 251	`rgb(187,48,251)`
RGB Percent	73.3, 18.8, 98.4	`rgb(73.3%,18.8%,98.4%)`
CMYK	25, 81, 0, 2
HSL	281.1°, 96.2, 58.6	`hsl(281.1,96.2%,58.6%)`
HSV (or HSB)	281.1°, 80.9, 98.4
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.433, 80.759, -73.496
XYZ	38.961, 19.645, 93.001
xyY	0.257, 0.13, 19.645
CIE-LCH	51.433, 109.196, 317.696
CIE-LUV	51.433, 37.805, -120.181
Hunter-Lab	44.323, 79.341, -93.381
Binary	10111011, 00110000, 11111011

#bb30fb
```
#bb30fb rgb(187,48,251)
```
#70fb30
```
#70fb30 rgb(112,251,48)
```

Complementary Color

#5530fb
```
#5530fb rgb(85,48,251)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#fb30d6
```
#fb30d6 rgb(251,48,214)
```

Analogous Color

#30fb56
```
#30fb56 rgb(48,251,86)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#d6fb30
```
#d6fb30 rgb(214,251,48)
```

Split Complementary Color

#30fbbb
```
#30fbbb rgb(48,251,187)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#fbbb30
```
#fbbb30 rgb(251,187,48)
```

Triadic Color

#3070fb
```
#3070fb rgb(48,112,251)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#fbbb30
```
#fbbb30 rgb(251,187,48)
```
#70fb30
```
#70fb30 rgb(112,251,48)
```

Tetradic Color

#9704da
```
#9704da rgb(151,4,218)
```
#a805f3
```
#a805f3 rgb(168,5,243)
```
#b317fb
```
#b317fb rgb(179,23,251)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#c349fb
```
#c349fb rgb(195,73,251)
```
#cb62fc
```
#cb62fc rgb(203,98,252)
```
#d47bfc
```
#d47bfc rgb(212,123,252)
```

Monochromatic Color

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

#8830fb
```
#8830fb rgb(136,48,251)
```
#9930fb
```
#9930fb rgb(153,48,251)
```
#aa30fb
```
#aa30fb rgb(170,48,251)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#cc30fb
```
#cc30fb rgb(204,48,251)
```
#dd30fb
```
#dd30fb rgb(221,48,251)
```
#ee30fb
```
#ee30fb rgb(238,48,251)
```

Similar Colors

Text with hexadecimal color #bb30fb

This text has a font color of #bb30fb.

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

#bb30fb background color

This paragraph has a background color of #bb30fb.

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

#bb30fb border color

This element has a border color of #bb30fb.

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

CSS codes

.text {color:#bb30fb;}

.background {background-color:#bb30fb;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#110018
```
#110018 rgb(17,0,24)
```
#1e012b
```
#1e012b rgb(30,1,43)
```
#2b013e
```
#2b013e rgb(43,1,62)
```
#380252
```
#380252 rgb(56,2,82)
```
#460265
```
#460265 rgb(70,2,101)
```
#530278
```
#530278 rgb(83,2,120)
```
#60038b
```
#60038b rgb(96,3,139)
```
#6e039f
```
#6e039f rgb(110,3,159)
```
#7b03b2
```
#7b03b2 rgb(123,3,178)
```
#8804c5
```
#8804c5 rgb(136,4,197)
```
#9504d8
```
#9504d8 rgb(149,4,216)
```
#a305ec
```
#a305ec rgb(163,5,236)
```

Shade Color Variation

#ae0afa
```
#ae0afa rgb(174,10,250)
```
#b51dfb
```
#b51dfb rgb(181,29,251)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```
#c143fb
```
#c143fb rgb(193,67,251)
```
#c856fc
```
#c856fc rgb(200,86,252)
```
#ce6afc
```
#ce6afc rgb(206,106,252)
```
#d47dfc
```
#d47dfc rgb(212,125,252)
```
#db90fd
```
#db90fd rgb(219,144,253)
```
#e1a3fd
```
#e1a3fd rgb(225,163,253)
```
#e7b7fe
```
#e7b7fe rgb(231,183,254)
```
#eecafe
```
#eecafe rgb(238,202,254)
```
#f4ddfe
```
#f4ddfe rgb(244,221,254)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#97919a
```
#97919a rgb(151,145,154)
```
#9a89a2
```
#9a89a2 rgb(154,137,162)
```
#9d81aa
```
#9d81aa rgb(157,129,170)
```
#a079b2
```
#a079b2 rgb(160,121,178)
```
#a371ba
```
#a371ba rgb(163,113,186)
```
#a669c2
```
#a669c2 rgb(166,105,194)
```
#a961ca
```
#a961ca rgb(169,97,202)
```
#ac59d2
```
#ac59d2 rgb(172,89,210)
```
#af50db
```
#af50db rgb(175,80,219)
```
#b248e3
```
#b248e3 rgb(178,72,227)
```
#b540eb
```
#b540eb rgb(181,64,235)
```
#b838f3
```
#b838f3 rgb(184,56,243)
```
#bb30fb
```
#bb30fb rgb(187,48,251)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#80648d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df4 Protanopia 1% of men
#0083d9 Deuteranopia 1% of men
#a6737b Tritanopia 0.001% of the population

Trichromacy

#4461f7 Protanomaly 1% of men, 0.01% of women
#4465e5 Deuteranomaly 6% of men, 0.4% of women
#ad5baa Tritanomaly 0.01% of the population