#bb22e1 hex color

In a RGB color space, hex #bb22e1 is composed of 73.3% red, 13.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 84.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 288.1 degrees, a saturation of 76.1% and a lightness of 50.8%. #bb22e1 color hex could be obtained by blending #ff44ff with #7700c3. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 88
RGB color chart
- C 17
- M 85
- Y 0
- K 12
CMYK color chart

● #bb22e1 color description : Bright magenta.

The hexadecimal color #bb22e1 has RGB values of R:187, G:34, B:225 and CMYK values of C:0.17, M:0.85, Y:0, K:0.12. Its decimal value is 12264161.

Hex triplet	bb22e1	`#bb22e1`
RGB Decimal	187, 34, 225	`rgb(187,34,225)`
RGB Percent	73.3, 13.3, 88.2	`rgb(73.3%,13.3%,88.2%)`
CMYK	17, 85, 0, 12
HSL	288.1°, 76.1, 50.8	`hsl(288.1,76.1%,50.8%)`
HSV (or HSB)	288.1°, 84.9, 88.2
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.444, 79.422, -63.706
XYZ	34.655, 17.147, 72.714
xyY	0.278, 0.138, 17.147
CIE-LCH	48.444, 101.815, 321.266
CIE-LUV	48.444, 46.579, -104.383
Hunter-Lab	41.409, 76.92, -75.128
Binary	10111011, 00100010, 11100001

#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#48e122
```
#48e122 rgb(72,225,34)
```

Complementary Color

#5b22e1
```
#5b22e1 rgb(91,34,225)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#e122a8
```
#e122a8 rgb(225,34,168)
```

Analogous Color

#22e15b
```
#22e15b rgb(34,225,91)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#a8e122
```
#a8e122 rgb(168,225,34)
```

Split Complementary Color

#22e1bb
```
#22e1bb rgb(34,225,187)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#e1bb22
```
#e1bb22 rgb(225,187,34)
```

Triadic Color

#2248e1
```
#2248e1 rgb(34,72,225)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#e1bb22
```
#e1bb22 rgb(225,187,34)
```
#48e122
```
#48e122 rgb(72,225,34)
```

Tetradic Color

#8516a1
```
#8516a1 rgb(133,22,161)
```
#9819b7
```
#9819b7 rgb(152,25,183)
```
#aa1cce
```
#aa1cce rgb(170,28,206)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#c238e4
```
#c238e4 rgb(194,56,228)
```
#c94fe7
```
#c94fe7 rgb(201,79,231)
```
#d065ea
```
#d065ea rgb(208,101,234)
```

Monochromatic Color

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

#8b22e1
```
#8b22e1 rgb(139,34,225)
```
#9b22e1
```
#9b22e1 rgb(155,34,225)
```
#ab22e1
```
#ab22e1 rgb(171,34,225)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#cb22e1
```
#cb22e1 rgb(203,34,225)
```
#db22e1
```
#db22e1 rgb(219,34,225)
```
#e122d7
```
#e122d7 rgb(225,34,215)
```

Similar Colors

Text with hexadecimal color #bb22e1

This text has a font color of #bb22e1.

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

#bb22e1 background color

This paragraph has a background color of #bb22e1.

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

#bb22e1 border color

This element has a border color of #bb22e1.

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

CSS codes

.text {color:#bb22e1;}

.background {background-color:#bb22e1;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#110315
```
#110315 rgb(17,3,21)
```
#200526
```
#200526 rgb(32,5,38)
```
#2e0837
```
#2e0837 rgb(46,8,55)
```
#3c0a49
```
#3c0a49 rgb(60,10,73)
```
#4a0c5a
```
#4a0c5a rgb(74,12,90)
```
#590f6b
```
#590f6b rgb(89,15,107)
```
#67117c
```
#67117c rgb(103,17,124)
```
#75138e
```
#75138e rgb(117,19,142)
```
#84169f
```
#84169f rgb(132,22,159)
```
#9218b0
```
#9218b0 rgb(146,24,176)
```
#a01ac2
```
#a01ac2 rgb(160,26,194)
```
#af1dd3
```
#af1dd3 rgb(175,29,211)
```

Shade Color Variation

#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#c033e3
```
#c033e3 rgb(192,51,227)
```
#c645e6
```
#c645e6 rgb(198,69,230)
```
#cb56e8
```
#cb56e8 rgb(203,86,232)
```
#d067ea
```
#d067ea rgb(208,103,234)
```
#d678ed
```
#d678ed rgb(214,120,237)
```
#db8aef
```
#db8aef rgb(219,138,239)
```
#e09bf1
```
#e09bf1 rgb(224,155,241)
```
#e6acf4
```
#e6acf4 rgb(230,172,244)
```
#ebbdf6
```
#ebbdf6 rgb(235,189,246)
```
#f0cff8
```
#f0cff8 rgb(240,207,248)
```
#f5e0fb
```
#f5e0fb rgb(245,224,251)
```
#fbf1fd
```
#fbf1fd rgb(251,241,253)
```

Tint Color Variation

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

#87798a
```
#87798a rgb(135,121,138)
```
#8c6f94
```
#8c6f94 rgb(140,111,148)
```
#92669d
```
#92669d rgb(146,102,157)
```
#985ca7
```
#985ca7 rgb(152,92,167)
```
#9e52b1
```
#9e52b1 rgb(158,82,177)
```
#a449ba
```
#a449ba rgb(164,73,186)
```
#aa3fc4
```
#aa3fc4 rgb(170,63,196)
```
#af35ce
```
#af35ce rgb(175,53,206)
```
#b52cd7
```
#b52cd7 rgb(181,44,215)
```
#bb22e1
```
#bb22e1 rgb(187,34,225)
```
#c118eb
```
#c118eb rgb(193,24,235)
```
#c70ff4
```
#c70ff4 rgb(199,15,244)
```
#cc05fe
```
#cc05fe rgb(204,5,254)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#77587f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#177cce Deuteranopia 1% of men
#ab666c Tritanopia 0.001% of the population

Trichromacy

#4457e5 Protanomaly 1% of men, 0.01% of women
#535bd5 Deuteranomaly 6% of men, 0.4% of women
#b14d97 Tritanomaly 0.01% of the population

#bb22e1 hex color

#bb22e1 Color Information

#bb22e1 Color Conversion

Color Schemes with #bb22e1

Alternatives to #bb22e1

#bb22e1 Preview

Shades and Tints of #bb22e1

Tones of #bb22e1

Color Blindness Simulator