#bb20de hex color

In a RGB color space, hex #bb20de is composed of 73.3% red, 12.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 85.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 288.9 degrees, a saturation of 74.8% and a lightness of 49.8%. #bb20de color hex could be obtained by blending #ff40ff with #7700bd. Closest websafe color is: #cc33cc.

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

● #bb20de color description : Vivid magenta.

The hexadecimal color #bb20de has RGB values of R:187, G:32, B:222 and CMYK values of C:0.16, M:0.86, Y:0, K:0.13. Its decimal value is 12263646.

Hex triplet	bb20de	`#bb20de`
RGB Decimal	187, 32, 222	`rgb(187,32,222)`
RGB Percent	73.3, 12.5, 87.1	`rgb(73.3%,12.5%,87.1%)`
CMYK	16, 86, 0, 13
HSL	288.9°, 74.8, 49.8	`hsl(288.9,74.8%,49.8%)`
HSV (or HSB)	288.9°, 85.6, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.1, 79.314, -62.555
XYZ	34.193, 16.873, 70.559
xyY	0.281, 0.139, 16.873
CIE-LCH	48.1, 101.014, 321.737
CIE-LUV	48.1, 47.692, -102.543
Hunter-Lab	41.077, 76.701, -73.089
Binary	10111011, 00100000, 11011110

#bb20de
```
#bb20de rgb(187,32,222)
```
#43de20
```
#43de20 rgb(67,222,32)
```

Complementary Color

#5c20de
```
#5c20de rgb(92,32,222)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#de20a2
```
#de20a2 rgb(222,32,162)
```

Analogous Color

#20de5c
```
#20de5c rgb(32,222,92)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#a2de20
```
#a2de20 rgb(162,222,32)
```

Split Complementary Color

#20debb
```
#20debb rgb(32,222,187)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#debb20
```
#debb20 rgb(222,187,32)
```

Triadic Color

#2043de
```
#2043de rgb(32,67,222)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#debb20
```
#debb20 rgb(222,187,32)
```
#43de20
```
#43de20 rgb(67,222,32)
```

Tetradic Color

#83169b
```
#83169b rgb(131,22,155)
```
#951ab1
```
#951ab1 rgb(149,26,177)
```
#a81dc8
```
#a81dc8 rgb(168,29,200)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#c236e2
```
#c236e2 rgb(194,54,226)
```
#c94ce5
```
#c94ce5 rgb(201,76,229)
```
#d062e8
```
#d062e8 rgb(208,98,232)
```

Monochromatic Color

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

#8c20de
```
#8c20de rgb(140,32,222)
```
#9b20de
```
#9b20de rgb(155,32,222)
```
#ab20de
```
#ab20de rgb(171,32,222)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#cb20de
```
#cb20de rgb(203,32,222)
```
#db20de
```
#db20de rgb(219,32,222)
```
#de20d2
```
#de20d2 rgb(222,32,210)
```

Similar Colors

Text with hexadecimal color #bb20de

This text has a font color of #bb20de.

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

#bb20de background color

This paragraph has a background color of #bb20de.

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

#bb20de border color

This element has a border color of #bb20de.

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

CSS codes

.text {color:#bb20de;}

.background {background-color:#bb20de;}

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

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

#0e0210
```
#0e0210 rgb(14,2,16)
```
#1c0521
```
#1c0521 rgb(28,5,33)
```
#2b0733
```
#2b0733 rgb(43,7,51)
```
#390a44
```
#390a44 rgb(57,10,68)
```
#470c55
```
#470c55 rgb(71,12,85)
```
#560f66
```
#560f66 rgb(86,15,102)
```
#641177
```
#641177 rgb(100,17,119)
```
#731488
```
#731488 rgb(115,20,136)
```
#811699
```
#811699 rgb(129,22,153)
```
#9019ab
```
#9019ab rgb(144,25,171)
```
#9e1bbc
```
#9e1bbc rgb(158,27,188)
```
#ad1ecd
```
#ad1ecd rgb(173,30,205)
```
#bb20de
```
#bb20de rgb(187,32,222)
```

Shade Color Variation

#c130e1
```
#c130e1 rgb(193,48,225)
```
#c642e4
```
#c642e4 rgb(198,66,228)
```
#cb53e6
```
#cb53e6 rgb(203,83,230)
```
#d064e9
```
#d064e9 rgb(208,100,233)
```
#d575eb
```
#d575eb rgb(213,117,235)
```
#db86ee
```
#db86ee rgb(219,134,238)
```
#e097f0
```
#e097f0 rgb(224,151,240)
```
#e5a8f3
```
#e5a8f3 rgb(229,168,243)
```
#eabaf5
```
#eabaf5 rgb(234,186,245)
```
#efcbf7
```
#efcbf7 rgb(239,203,247)
```
#f4dcfa
```
#f4dcfa rgb(244,220,250)
```
#faedfc
```
#faedfc rgb(250,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#837886
```
#837886 rgb(131,120,134)
```
#8a6e90
```
#8a6e90 rgb(138,110,144)
```
#90649a
```
#90649a rgb(144,100,154)
```
#965ba3
```
#965ba3 rgb(150,91,163)
```
#9c51ad
```
#9c51ad rgb(156,81,173)
```
#a247b7
```
#a247b7 rgb(162,71,183)
```
#a83dc1
```
#a83dc1 rgb(168,61,193)
```
#af34ca
```
#af34ca rgb(175,52,202)
```
#b52ad4
```
#b52ad4 rgb(181,42,212)
```
#bb20de
```
#bb20de rgb(187,32,222)
```
#c116e8
```
#c116e8 rgb(193,22,232)
```
#c70cf2
```
#c70cf2 rgb(199,12,242)
```
#ce03fb
```
#ce03fb rgb(206,3,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#75567c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#217bcb Deuteranopia 1% of men
#ac646b Tritanopia 0.001% of the population

Trichromacy

#4456e3 Protanomaly 1% of men, 0.01% of women
#595ad2 Deuteranomaly 6% of men, 0.4% of women
#b14b94 Tritanomaly 0.01% of the population

#bb20de hex color

#bb20de Color Information

#bb20de Color Conversion

Color Schemes with #bb20de

Alternatives to #bb20de

#bb20de Preview

Shades and Tints of #bb20de

Tones of #bb20de

Color Blindness Simulator