#bb22fc hex color

In a RGB color space, hex #bb22fc is composed of 73.3% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 282.1 degrees, a saturation of 97.3% and a lightness of 56.1%. #bb22fc color hex could be obtained by blending #ff44ff with #7700f9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 13
- B 99
RGB color chart
- C 26
- M 87
- Y 0
- K 1
CMYK color chart

● #bb22fc color description : Vivid violet.

The hexadecimal color #bb22fc has RGB values of R:187, G:34, B:252 and CMYK values of C:0.26, M:0.87, Y:0, K:0.01. Its decimal value is 12264188.

Hex triplet	bb22fc	`#bb22fc`
RGB Decimal	187, 34, 252	`rgb(187,34,252)`
RGB Percent	73.3, 13.3, 98.8	`rgb(73.3%,13.3%,98.8%)`
CMYK	26, 87, 0, 1
HSL	282.1°, 97.3, 56.1	`hsl(282.1,97.3%,56.1%)`
HSV (or HSB)	282.1°, 86.5, 98.8
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.38, 84.26, -75.768
XYZ	38.634, 18.738, 93.672
xyY	0.256, 0.124, 18.738
CIE-LCH	50.38, 113.316, 318.038
CIE-LUV	50.38, 38.909, -122.866
Hunter-Lab	43.288, 83.555, -97.998
Binary	10111011, 00100010, 11111100

#bb22fc
```
#bb22fc rgb(187,34,252)
```
#63fc22
```
#63fc22 rgb(99,252,34)
```

Complementary Color

#4e22fc
```
#4e22fc rgb(78,34,252)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#fc22d0
```
#fc22d0 rgb(252,34,208)
```

Analogous Color

#22fc4e
```
#22fc4e rgb(34,252,78)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#d0fc22
```
#d0fc22 rgb(208,252,34)
```

Split Complementary Color

#22fcbb
```
#22fcbb rgb(34,252,187)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#fcbb22
```
#fcbb22 rgb(252,187,34)
```

Triadic Color

#2263fc
```
#2263fc rgb(34,99,252)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#fcbb22
```
#fcbb22 rgb(252,187,34)
```
#63fc22
```
#63fc22 rgb(99,252,34)
```

Tetradic Color

#9203cf
```
#9203cf rgb(146,3,207)
```
#a403e8
```
#a403e8 rgb(164,3,232)
```
#b309fc
```
#b309fc rgb(179,9,252)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#c33bfc
```
#c33bfc rgb(195,59,252)
```
#ca54fd
```
#ca54fd rgb(202,84,253)
```
#d26dfd
```
#d26dfd rgb(210,109,253)
```

Monochromatic Color

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

#8522fc
```
#8522fc rgb(133,34,252)
```
#9722fc
```
#9722fc rgb(151,34,252)
```
#a922fc
```
#a922fc rgb(169,34,252)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#cd22fc
```
#cd22fc rgb(205,34,252)
```
#df22fc
```
#df22fc rgb(223,34,252)
```
#f222fc
```
#f222fc rgb(242,34,252)
```

Similar Colors

Text with hexadecimal color #bb22fc

This text has a font color of #bb22fc.

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

#bb22fc background color

This paragraph has a background color of #bb22fc.

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

#bb22fc border color

This element has a border color of #bb22fc.

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

CSS codes

.text {color:#bb22fc;}

.background {background-color:#bb22fc;}

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

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, #08000b is the darkest color, while #fdf7ff is the lightest one.

#08000b
```
#08000b rgb(8,0,11)
```
#16001f
```
#16001f rgb(22,0,31)
```
#230132
```
#230132 rgb(35,1,50)
```
#310145
```
#310145 rgb(49,1,69)
```
#3f0159
```
#3f0159 rgb(63,1,89)
```
#4c016c
```
#4c016c rgb(76,1,108)
```
#5a027f
```
#5a027f rgb(90,2,127)
```
#680293
```
#680293 rgb(104,2,147)
```
#7502a6
```
#7502a6 rgb(117,2,166)
```
#8303b9
```
#8303b9 rgb(131,3,185)
```
#9103cd
```
#9103cd rgb(145,3,205)
```
#9e03e0
```
#9e03e0 rgb(158,3,224)
```
#ac03f3
```
#ac03f3 rgb(172,3,243)
```

Shade Color Variation

#b50ffc
```
#b50ffc rgb(181,15,252)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```
#c135fc
```
#c135fc rgb(193,53,252)
```
#c749fd
```
#c749fd rgb(199,73,253)
```
#cd5cfd
```
#cd5cfd rgb(205,92,253)
```
#d36ffd
```
#d36ffd rgb(211,111,253)
```
#d983fd
```
#d983fd rgb(217,131,253)
```
#df96fe
```
#df96fe rgb(223,150,254)
```
#e5a9fe
```
#e5a9fe rgb(229,169,254)
```
#ebbdfe
```
#ebbdfe rgb(235,189,254)
```
#f1d0fe
```
#f1d0fe rgb(241,208,254)
```
#f7e4ff
```
#f7e4ff rgb(247,228,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#918995
```
#918995 rgb(145,137,149)
```
#95819d
```
#95819d rgb(149,129,157)
```
#9878a6
```
#9878a6 rgb(152,120,166)
```
#9c70ae
```
#9c70ae rgb(156,112,174)
```
#9f67b7
```
#9f67b7 rgb(159,103,183)
```
#a35ec0
```
#a35ec0 rgb(163,94,192)
```
#a656c8
```
#a656c8 rgb(166,86,200)
```
#aa4dd1
```
#aa4dd1 rgb(170,77,209)
```
#ad44da
```
#ad44da rgb(173,68,218)
```
#b13ce2
```
#b13ce2 rgb(177,60,226)
```
#b433eb
```
#b433eb rgb(180,51,235)
```
#b82bf3
```
#b82bf3 rgb(184,43,243)
```
#bb22fc
```
#bb22fc rgb(187,34,252)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#795b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#a57078 Tritanopia 0.001% of the population

Trichromacy

#445af4 Protanomaly 1% of men, 0.01% of women
#445ee2 Deuteranomaly 6% of men, 0.4% of women
#ad53a8 Tritanomaly 0.01% of the population

#bb22fc hex color

#bb22fc Color Information

#bb22fc Color Conversion

Color Schemes with #bb22fc

Alternatives to #bb22fc

#bb22fc Preview

Shades and Tints of #bb22fc

Tones of #bb22fc

Color Blindness Simulator