#bb20b2 hex color

In a RGB color space, hex #bb20b2 is composed of 73.3% red, 12.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 4.8% yellow and 26.7% black. It has a hue angle of 303.5 degrees, a saturation of 70.8% and a lightness of 42.9%. #bb20b2 color hex could be obtained by blending #ff40ff with #770065. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 13
- B 70
RGB color chart
- C 0
- M 83
- Y 5
- K 27
CMYK color chart

● #bb20b2 color description : Strong magenta.

The hexadecimal color #bb20b2 has RGB values of R:187, G:32, B:178 and CMYK values of C:0, M:0.83, Y:0.05, K:0.27. Its decimal value is 12263602.

Hex triplet	bb20b2	`#bb20b2`
RGB Decimal	187, 32, 178	`rgb(187,32,178)`
RGB Percent	73.3, 12.5, 69.8	`rgb(73.3%,12.5%,69.8%)`
CMYK	0, 83, 5, 27
HSL	303.5°, 70.8, 42.9	`hsl(303.5,70.8%,42.9%)`
HSV (or HSB)	303.5°, 82.9, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.379, 72.219, -41.416
XYZ	29.045, 14.814, 43.447
xyY	0.333, 0.17, 14.814
CIE-LCH	45.379, 83.252, 330.167
CIE-LUV	45.379, 62.898, -70.167
Hunter-Lab	38.489, 67.347, -39.984
Binary	10111011, 00100000, 10110010

#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#20bb29
```
#20bb29 rgb(32,187,41)
```

Complementary Color

#7720bb
```
#7720bb rgb(119,32,187)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#bb2065
```
#bb2065 rgb(187,32,101)
```

Analogous Color

#20bb77
```
#20bb77 rgb(32,187,119)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#65bb20
```
#65bb20 rgb(101,187,32)
```

Split Complementary Color

#20b2bb
```
#20b2bb rgb(32,178,187)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#b2bb20
```
#b2bb20 rgb(178,187,32)
```

Triadic Color

#2920bb
```
#2920bb rgb(41,32,187)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#b2bb20
```
#b2bb20 rgb(178,187,32)
```
#20bb29
```
#20bb29 rgb(32,187,41)
```

Tetradic Color

#7a1574
```
#7a1574 rgb(122,21,116)
```
#8f1989
```
#8f1989 rgb(143,25,137)
```
#a51c9d
```
#a51c9d rgb(165,28,157)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#d124c7
```
#d124c7 rgb(209,36,199)
```
#dc32d2
```
#dc32d2 rgb(220,50,210)
```
#e048d7
```
#e048d7 rgb(224,72,215)
```

Monochromatic Color

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

#9d20bb
```
#9d20bb rgb(157,32,187)
```
#aa20bb
```
#aa20bb rgb(170,32,187)
```
#b720bb
```
#b720bb rgb(183,32,187)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#bb20a5
```
#bb20a5 rgb(187,32,165)
```
#bb2098
```
#bb2098 rgb(187,32,152)
```
#bb208b
```
#bb208b rgb(187,32,139)
```

Similar Colors

Text with hexadecimal color #bb20b2

This text has a font color of #bb20b2.

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

#bb20b2 background color

This paragraph has a background color of #bb20b2.

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

#bb20b2 border color

This element has a border color of #bb20b2.

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

CSS codes

.text {color:#bb20b2;}

.background {background-color:#bb20b2;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#140313
```
#140313 rgb(20,3,19)
```
#240623
```
#240623 rgb(36,6,35)
```
#350932
```
#350932 rgb(53,9,50)
```
#460c42
```
#460c42 rgb(70,12,66)
```
#570f52
```
#570f52 rgb(87,15,82)
```
#671262
```
#671262 rgb(103,18,98)
```
#781572
```
#781572 rgb(120,21,114)
```
#891782
```
#891782 rgb(137,23,130)
```
#9a1a92
```
#9a1a92 rgb(154,26,146)
```
#aa1da2
```
#aa1da2 rgb(170,29,162)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#cc23c2
```
#cc23c2 rgb(204,35,194)
```

Shade Color Variation

#da28d0
```
#da28d0 rgb(218,40,208)
```
#dd39d4
```
#dd39d4 rgb(221,57,212)
```
#e04ad7
```
#e04ad7 rgb(224,74,215)
```
#e35adb
```
#e35adb rgb(227,90,219)
```
#e66bdf
```
#e66bdf rgb(230,107,223)
```
#e97ce2
```
#e97ce2 rgb(233,124,226)
```
#eb8de6
```
#eb8de6 rgb(235,141,230)
```
#ee9dea
```
#ee9dea rgb(238,157,234)
```
#f1aeed
```
#f1aeed rgb(241,174,237)
```
#f4bff1
```
#f4bff1 rgb(244,191,241)
```
#f7d0f5
```
#f7d0f5 rgb(247,208,245)
```
#fae0f8
```
#fae0f8 rgb(250,224,248)
```
#fdf1fc
```
#fdf1fc rgb(253,241,252)
```

Tint Color Variation

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

#6f6c6f
```
#6f6c6f rgb(111,108,111)
```
#786376
```
#786376 rgb(120,99,118)
```
#805b7e
```
#805b7e rgb(128,91,126)
```
#885385
```
#885385 rgb(136,83,133)
```
#914a8d
```
#914a8d rgb(145,74,141)
```
#994294
```
#994294 rgb(153,66,148)
```
#a2399c
```
#a2399c rgb(162,57,156)
```
#aa31a3
```
#aa31a3 rgb(170,49,163)
```
#b328ab
```
#b328ab rgb(179,40,171)
```
#bb20b2
```
#bb20b2 rgb(187,32,178)
```
#c318b9
```
#c318b9 rgb(195,24,185)
```
#cc0fc1
```
#cc0fc1 rgb(204,15,193)
```
#d407c8
```
#d407c8 rgb(212,7,200)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#715270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#5972a6 Deuteranopia 1% of men
#b35459 Tritanopia 0.001% of the population

Trichromacy

#4452cb Protanomaly 1% of men, 0.01% of women
#7d54aa Deuteranomaly 6% of men, 0.4% of women
#b64179 Tritanomaly 0.01% of the population

#bb20b2 hex color

#bb20b2 Color Information

#bb20b2 Color Conversion

Color Schemes with #bb20b2

Alternatives to #bb20b2

#bb20b2 Preview

Shades and Tints of #bb20b2

Tones of #bb20b2

Color Blindness Simulator