#bb02f2 hex color

In a RGB color space, hex #bb02f2 is composed of 73.3% red, 0.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 99.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 286.3 degrees, a saturation of 98.4% and a lightness of 47.8%. #bb02f2 color hex could be obtained by blending #ff04ff with #7700e5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 1
- B 95
RGB color chart
- C 23
- M 99
- Y 0
- K 5
CMYK color chart

● #bb02f2 color description : Vivid magenta.

The hexadecimal color #bb02f2 has RGB values of R:187, G:2, B:242 and CMYK values of C:0.23, M:0.99, Y:0, K:0.05. Its decimal value is 12255986.

Hex triplet	bb02f2	`#bb02f2`
RGB Decimal	187, 2, 242	`rgb(187,2,242)`
RGB Percent	73.3, 0.8, 94.9	`rgb(73.3%,0.8%,94.9%)`
CMYK	23, 99, 0, 5
HSL	286.3°, 98.4, 47.8	`hsl(286.3,98.4%,47.8%)`
HSV (or HSB)	286.3°, 99.2, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.286, 86.47, -73.577
XYZ	36.54, 17.021, 85.36
xyY	0.263, 0.123, 17.021
CIE-LCH	48.286, 113.537, 319.606
CIE-LUV	48.286, 43.257, -118.491
Hunter-Lab	41.256, 85.899, -93.794
Binary	10111011, 00000010, 11110010

#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#39f202
```
#39f202 rgb(57,242,2)
```

Complementary Color

#4302f2
```
#4302f2 rgb(67,2,242)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#f202b1
```
#f202b1 rgb(242,2,177)
```

Analogous Color

#02f243
```
#02f243 rgb(2,242,67)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#b1f202
```
#b1f202 rgb(177,242,2)
```

Split Complementary Color

#02f2bb
```
#02f2bb rgb(2,242,187)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#f2bb02
```
#f2bb02 rgb(242,187,2)
```

Triadic Color

#0239f2
```
#0239f2 rgb(2,57,242)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#f2bb02
```
#f2bb02 rgb(242,187,2)
```
#39f202
```
#39f202 rgb(57,242,2)
```

Tetradic Color

#8001a6
```
#8001a6 rgb(128,1,166)
```
#9402bf
```
#9402bf rgb(148,2,191)
```
#a702d9
```
#a702d9 rgb(167,2,217)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#c710fd
```
#c710fd rgb(199,16,253)
```
#cd2afd
```
#cd2afd rgb(205,42,253)
```
#d343fd
```
#d343fd rgb(211,67,253)
```

Monochromatic Color

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

#7f02f2
```
#7f02f2 rgb(127,2,242)
```
#9302f2
```
#9302f2 rgb(147,2,242)
```
#a702f2
```
#a702f2 rgb(167,2,242)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```
#cf02f2
```
#cf02f2 rgb(207,2,242)
```
#e302f2
```
#e302f2 rgb(227,2,242)
```
#f202ed
```
#f202ed rgb(242,2,237)
```

Similar Colors

Text with hexadecimal color #bb02f2

This text has a font color of #bb02f2.

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

#bb02f2 background color

This paragraph has a background color of #bb02f2.

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

#bb02f2 border color

This element has a border color of #bb02f2.

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

CSS codes

.text {color:#bb02f2;}

.background {background-color:#bb02f2;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#16001c
```
#16001c rgb(22,0,28)
```
#25002f
```
#25002f rgb(37,0,47)
```
#340143
```
#340143 rgb(52,1,67)
```
#430156
```
#430156 rgb(67,1,86)
```
#52016a
```
#52016a rgb(82,1,106)
```
#61017d
```
#61017d rgb(97,1,125)
```
#700191
```
#700191 rgb(112,1,145)
```
#7f01a4
```
#7f01a4 rgb(127,1,164)
```
#8e02b8
```
#8e02b8 rgb(142,2,184)
```
#9d02cb
```
#9d02cb rgb(157,2,203)
```
#ac02df
```
#ac02df rgb(172,2,223)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```

Shade Color Variation

#c50bfd
```
#c50bfd rgb(197,11,253)
```
#ca1efd
```
#ca1efd rgb(202,30,253)
```
#cf32fd
```
#cf32fd rgb(207,50,253)
```
#d345fd
```
#d345fd rgb(211,69,253)
```
#d858fe
```
#d858fe rgb(216,88,254)
```
#dc6cfe
```
#dc6cfe rgb(220,108,254)
```
#e17ffe
```
#e17ffe rgb(225,127,254)
```
#e693fe
```
#e693fe rgb(230,147,254)
```
#eaa6fe
```
#eaa6fe rgb(234,166,254)
```
#efbafe
```
#efbafe rgb(239,186,254)
```
#f3cdff
```
#f3cdff rgb(243,205,255)
```
#f8e1ff
```
#f8e1ff rgb(248,225,255)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#7e7381
```
#7e7381 rgb(126,115,129)
```
#83698b
```
#83698b rgb(131,105,139)
```
#886094
```
#886094 rgb(136,96,148)
```
#8d569e
```
#8d569e rgb(141,86,158)
```
#924da7
```
#924da7 rgb(146,77,167)
```
#9744b0
```
#9744b0 rgb(151,68,176)
```
#9d3aba
```
#9d3aba rgb(157,58,186)
```
#a231c3
```
#a231c3 rgb(162,49,195)
```
#a728cc
```
#a728cc rgb(167,40,204)
```
#ac1ed6
```
#ac1ed6 rgb(172,30,214)
```
#b115df
```
#b115df rgb(177,21,223)
```
#b60be9
```
#b60be9 rgb(182,11,233)
```
#bb02f2
```
#bb02f2 rgb(187,2,242)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#694474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a7676e Tritanopia 0.001% of the population

Trichromacy

#444cea Protanomaly 1% of men, 0.01% of women
#444fda Deuteranomaly 6% of men, 0.4% of women
#ae429e Tritanomaly 0.01% of the population

#bb02f2 hex color

#bb02f2 Color Information

#bb02f2 Color Conversion

Color Schemes with #bb02f2

Alternatives to #bb02f2

#bb02f2 Preview

Shades and Tints of #bb02f2

Tones of #bb02f2

Color Blindness Simulator