#bb2de2 hex color

In a RGB color space, hex #bb2de2 is composed of 73.3% red, 17.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 80.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 287.1 degrees, a saturation of 75.7% and a lightness of 53.1%. #bb2de2 color hex could be obtained by blending #ff5aff with #7700c5. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 18
- B 89
RGB color chart
- C 17
- M 80
- Y 0
- K 11
CMYK color chart

● #bb2de2 color description : Bright magenta.

The hexadecimal color #bb2de2 has RGB values of R:187, G:45, B:226 and CMYK values of C:0.17, M:0.8, Y:0, K:0.11. Its decimal value is 12266978.

Hex triplet	bb2de2	`#bb2de2`
RGB Decimal	187, 45, 226	`rgb(187,45,226)`
RGB Percent	73.3, 17.6, 88.6	`rgb(73.3%,17.6%,88.6%)`
CMYK	17, 80, 0, 11
HSL	287.1°, 75.7, 53.1	`hsl(287.1,75.7%,53.1%)`
HSV (or HSB)	287.1°, 80.1, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.416, 76.954, -62.703
XYZ	35.158, 17.934, 73.557
xyY	0.278, 0.142, 17.934
CIE-LCH	49.416, 99.265, 320.826
CIE-LUV	49.416, 45.039, -103.3
Hunter-Lab	42.349, 74.08, -73.339
Binary	10111011, 00101101, 11100010

#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#54e22d
```
#54e22d rgb(84,226,45)
```

Complementary Color

#602de2
```
#602de2 rgb(96,45,226)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#e22daf
```
#e22daf rgb(226,45,175)
```

Analogous Color

#2de260
```
#2de260 rgb(45,226,96)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#afe22d
```
#afe22d rgb(175,226,45)
```

Split Complementary Color

#2de2bb
```
#2de2bb rgb(45,226,187)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#e2bb2d
```
#e2bb2d rgb(226,187,45)
```

Triadic Color

#2d54e2
```
#2d54e2 rgb(45,84,226)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#e2bb2d
```
#e2bb2d rgb(226,187,45)
```
#54e22d
```
#54e22d rgb(84,226,45)
```

Tetradic Color

#8b18ab
```
#8b18ab rgb(139,24,171)
```
#9d1bc1
```
#9d1bc1 rgb(157,27,193)
```
#b01ed8
```
#b01ed8 rgb(176,30,216)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#c243e5
```
#c243e5 rgb(194,67,229)
```
#ca5ae8
```
#ca5ae8 rgb(202,90,232)
```
#d170eb
```
#d170eb rgb(209,112,235)
```

Monochromatic Color

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

#8e2de2
```
#8e2de2 rgb(142,45,226)
```
#9d2de2
```
#9d2de2 rgb(157,45,226)
```
#ac2de2
```
#ac2de2 rgb(172,45,226)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#ca2de2
```
#ca2de2 rgb(202,45,226)
```
#d92de2
```
#d92de2 rgb(217,45,226)
```
#e22ddc
```
#e22ddc rgb(226,45,220)
```

Similar Colors

Text with hexadecimal color #bb2de2

This text has a font color of #bb2de2.

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

#bb2de2 background color

This paragraph has a background color of #bb2de2.

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

#bb2de2 border color

This element has a border color of #bb2de2.

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

CSS codes

.text {color:#bb2de2;}

.background {background-color:#bb2de2;}

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

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, #0b020e is the darkest color, while #fefcff is the lightest one.

#0b020e
```
#0b020e rgb(11,2,14)
```
#19041f
```
#19041f rgb(25,4,31)
```
#280731
```
#280731 rgb(40,7,49)
```
#360942
```
#360942 rgb(54,9,66)
```
#440b53
```
#440b53 rgb(68,11,83)
```
#520e64
```
#520e64 rgb(82,14,100)
```
#601075
```
#601075 rgb(96,16,117)
```
#6e1387
```
#6e1387 rgb(110,19,135)
```
#7c1598
```
#7c1598 rgb(124,21,152)
```
#8a17a9
```
#8a17a9 rgb(138,23,169)
```
#981aba
```
#981aba rgb(152,26,186)
```
#a61ccc
```
#a61ccc rgb(166,28,204)
```
#b41fdd
```
#b41fdd rgb(180,31,221)
```

Shade Color Variation

#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#c13ee4
```
#c13ee4 rgb(193,62,228)
```
#c64fe7
```
#c64fe7 rgb(198,79,231)
```
#cc61e9
```
#cc61e9 rgb(204,97,233)
```
#d172ec
```
#d172ec rgb(209,114,236)
```
#d783ee
```
#d783ee rgb(215,131,238)
```
#dc94f0
```
#dc94f0 rgb(220,148,240)
```
#e2a6f3
```
#e2a6f3 rgb(226,166,243)
```
#e8b7f5
```
#e8b7f5 rgb(232,183,245)
```
#edc8f7
```
#edc8f7 rgb(237,200,247)
```
#f3d9fa
```
#f3d9fa rgb(243,217,250)
```
#f8ebfc
```
#f8ebfc rgb(248,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#8c808f
```
#8c808f rgb(140,128,143)
```
#917798
```
#917798 rgb(145,119,152)
```
#966da2
```
#966da2 rgb(150,109,162)
```
#9c64ab
```
#9c64ab rgb(156,100,171)
```
#a15bb4
```
#a15bb4 rgb(161,91,180)
```
#a652bd
```
#a652bd rgb(166,82,189)
```
#ab49c6
```
#ab49c6 rgb(171,73,198)
```
#b13fd0
```
#b13fd0 rgb(177,63,208)
```
#b636d9
```
#b636d9 rgb(182,54,217)
```
#bb2de2
```
#bb2de2 rgb(187,45,226)
```
#c024eb
```
#c024eb rgb(192,36,235)
```
#c51bf4
```
#c51bf4 rgb(197,27,244)
```
#cb11fe
```
#cb11fe rgb(203,17,254)
```

Tone Color Variation

Below, you can see how #bb2de2 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
#7c5f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#267ed0 Deuteranopia 1% of men
#ab6970 Tritanopia 0.001% of the population

Trichromacy

#445de8 Protanomaly 1% of men, 0.01% of women
#5c60d6 Deuteranomaly 6% of men, 0.4% of women
#b1539a Tritanomaly 0.01% of the population

#bb2de2 hex color

#bb2de2 Color Information

#bb2de2 Color Conversion

Color Schemes with #bb2de2

Alternatives to #bb2de2

#bb2de2 Preview

Shades and Tints of #bb2de2

Tones of #bb2de2

Color Blindness Simulator