#bb2ed9 hex color

In a RGB color space, hex #bb2ed9 is composed of 73.3% red, 18% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 78.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 289.5 degrees, a saturation of 69.2% and a lightness of 51.6%. #bb2ed9 color hex could be obtained by blending #ff5cff with #7700b3. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 18
- B 85
RGB color chart
- C 14
- M 79
- Y 0
- K 15
CMYK color chart

● #bb2ed9 color description : Bright magenta.

The hexadecimal color #bb2ed9 has RGB values of R:187, G:46, B:217 and CMYK values of C:0.14, M:0.79, Y:0, K:0.15. Its decimal value is 12267225.

Hex triplet	bb2ed9	`#bb2ed9`
RGB Decimal	187, 46, 217	`rgb(187,46,217)`
RGB Percent	73.3, 18, 85.1	`rgb(73.3%,18%,85.1%)`
CMYK	14, 79, 0, 15
HSL	289.5°, 69.2, 51.6	`hsl(289.5,69.2%,51.6%)`
HSV (or HSB)	289.5°, 78.8, 85.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.921, 75.081, -58.377
XYZ	33.994, 17.53, 67.235
xyY	0.286, 0.148, 17.53
CIE-LCH	48.921, 95.105, 322.134
CIE-LUV	48.921, 47.599, -96.63
Hunter-Lab	41.869, 71.653, -65.902
Binary	10111011, 00101110, 11011001

#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#4cd92e
```
#4cd92e rgb(76,217,46)
```

Complementary Color

#662ed9
```
#662ed9 rgb(102,46,217)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#d92ea2
```
#d92ea2 rgb(217,46,162)
```

Analogous Color

#2ed966
```
#2ed966 rgb(46,217,102)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#a2d92e
```
#a2d92e rgb(162,217,46)
```

Split Complementary Color

#2ed9bb
```
#2ed9bb rgb(46,217,187)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#d9bb2e
```
#d9bb2e rgb(217,187,46)
```

Triadic Color

#2e4cd9
```
#2e4cd9 rgb(46,76,217)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#d9bb2e
```
#d9bb2e rgb(217,187,46)
```
#4cd92e
```
#4cd92e rgb(76,217,46)
```

Tetradic Color

#871d9e
```
#871d9e rgb(135,29,158)
```
#9a21b3
```
#9a21b3 rgb(154,33,179)
```
#ac25c9
```
#ac25c9 rgb(172,37,201)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#c244dd
```
#c244dd rgb(194,68,221)
```
#c959e1
```
#c959e1 rgb(201,89,225)
```
#d06fe5
```
#d06fe5 rgb(208,111,229)
```

Monochromatic Color

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

#902ed9
```
#902ed9 rgb(144,46,217)
```
#9f2ed9
```
#9f2ed9 rgb(159,46,217)
```
#ad2ed9
```
#ad2ed9 rgb(173,46,217)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#c92ed9
```
#c92ed9 rgb(201,46,217)
```
#d82ed9
```
#d82ed9 rgb(216,46,217)
```
#d92ecc
```
#d92ecc rgb(217,46,204)
```

Similar Colors

Text with hexadecimal color #bb2ed9

This text has a font color of #bb2ed9.

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

#bb2ed9 background color

This paragraph has a background color of #bb2ed9.

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

#bb2ed9 border color

This element has a border color of #bb2ed9.

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

CSS codes

.text {color:#bb2ed9;}

.background {background-color:#bb2ed9;}

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

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

#060107
```
#060107 rgb(6,1,7)
```
#140417
```
#140417 rgb(20,4,23)
```
#220728
```
#220728 rgb(34,7,40)
```
#300a39
```
#300a39 rgb(48,10,57)
```
#3f0d49
```
#3f0d49 rgb(63,13,73)
```
#4d105a
```
#4d105a rgb(77,16,90)
```
#5b136a
```
#5b136a rgb(91,19,106)
```
#69167b
```
#69167b rgb(105,22,123)
```
#78198c
```
#78198c rgb(120,25,140)
```
#861c9c
```
#861c9c rgb(134,28,156)
```
#941fad
```
#941fad rgb(148,31,173)
```
#a222bd
```
#a222bd rgb(162,34,189)
```
#b025ce
```
#b025ce rgb(176,37,206)
```

Shade Color Variation

#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#c03fdc
```
#c03fdc rgb(192,63,220)
```
#c64fdf
```
#c64fdf rgb(198,79,223)
```
#cb60e2
```
#cb60e2 rgb(203,96,226)
```
#d170e5
```
#d170e5 rgb(209,112,229)
```
#d681e8
```
#d681e8 rgb(214,129,232)
```
#db92eb
```
#db92eb rgb(219,146,235)
```
#e1a2ee
```
#e1a2ee rgb(225,162,238)
```
#e6b3f1
```
#e6b3f1 rgb(230,179,241)
```
#ecc3f4
```
#ecc3f4 rgb(236,195,244)
```
#f1d4f7
```
#f1d4f7 rgb(241,212,247)
```
#f6e5fa
```
#f6e5fa rgb(246,229,250)
```
#fcf5fd
```
#fcf5fd rgb(252,245,253)
```

Tint Color Variation

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

#8a7a8d
```
#8a7a8d rgb(138,122,141)
```
#907197
```
#907197 rgb(144,113,151)
```
#9667a0
```
#9667a0 rgb(150,103,160)
```
#9c5eaa
```
#9c5eaa rgb(156,94,170)
```
#a254b3
```
#a254b3 rgb(162,84,179)
```
#a94bbd
```
#a94bbd rgb(169,75,189)
```
#af41c6
```
#af41c6 rgb(175,65,198)
```
#b538d0
```
#b538d0 rgb(181,56,208)
```
#bb2ed9
```
#bb2ed9 rgb(187,46,217)
```
#c125e3
```
#c125e3 rgb(193,37,227)
```
#c71bec
```
#c71bec rgb(199,27,236)
```
#ce12f6
```
#ce12f6 rgb(206,18,246)
```
#d408ff
```
#d408ff rgb(212,8,255)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c6082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#3a7cc8 Deuteranopia 1% of men
#ad666d Tritanopia 0.001% of the population

Trichromacy

#445ce3 Protanomaly 1% of men, 0.01% of women
#6860ce Deuteranomaly 6% of men, 0.4% of women
#b25294 Tritanomaly 0.01% of the population

#bb2ed9 hex color

#bb2ed9 Color Information

#bb2ed9 Color Conversion

Color Schemes with #bb2ed9

Alternatives to #bb2ed9

#bb2ed9 Preview

Shades and Tints of #bb2ed9

Tones of #bb2ed9

Color Blindness Simulator