#bb20b7 hex color

In a RGB color space, hex #bb20b7 is composed of 73.3% red, 12.5% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 2.1% yellow and 26.7% black. It has a hue angle of 301.5 degrees, a saturation of 70.8% and a lightness of 42.9%. #bb20b7 color hex could be obtained by blending #ff40ff with #77006f. Closest websafe color is: #cc33cc.

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

● #bb20b7 color description : Strong magenta.

The hexadecimal color #bb20b7 has RGB values of R:187, G:32, B:183 and CMYK values of C:0, M:0.83, Y:0.02, K:0.27. Its decimal value is 12263607.

Hex triplet	bb20b7	`#bb20b7`
RGB Decimal	187, 32, 183	`rgb(187,32,183)`
RGB Percent	73.3, 12.5, 71.8	`rgb(73.3%,12.5%,71.8%)`
CMYK	0, 83, 2, 27
HSL	301.5°, 70.8, 42.9	`hsl(301.5,70.8%,42.9%)`
HSV (or HSB)	301.5°, 82.9, 73.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	45.66, 72.972, -43.912
XYZ	29.557, 15.019, 46.139
xyY	0.326, 0.166, 15.019
CIE-LCH	45.66, 85.166, 328.962
CIE-LUV	45.66, 61.018, -73.971
Hunter-Lab	38.754, 68.318, -43.461
Binary	10111011, 00100000, 10110111

#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#20bb24
```
#20bb24 rgb(32,187,36)
```

Complementary Color

#7220bb
```
#7220bb rgb(114,32,187)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#bb206a
```
#bb206a rgb(187,32,106)
```

Analogous Color

#20bb72
```
#20bb72 rgb(32,187,114)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#6abb20
```
#6abb20 rgb(106,187,32)
```

Split Complementary Color

#20b7bb
```
#20b7bb rgb(32,183,187)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#b7bb20
```
#b7bb20 rgb(183,187,32)
```

Triadic Color

#2420bb
```
#2420bb rgb(36,32,187)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#b7bb20
```
#b7bb20 rgb(183,187,32)
```
#20bb24
```
#20bb24 rgb(32,187,36)
```

Tetradic Color

#7a1577
```
#7a1577 rgb(122,21,119)
```
#8f198c
```
#8f198c rgb(143,25,140)
```
#a51ca2
```
#a51ca2 rgb(165,28,162)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#d124cc
```
#d124cc rgb(209,36,204)
```
#dc32d8
```
#dc32d8 rgb(220,50,216)
```
#e048dc
```
#e048dc rgb(224,72,220)
```

Monochromatic Color

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

#9820bb
```
#9820bb rgb(152,32,187)
```
#a520bb
```
#a520bb rgb(165,32,187)
```
#b220bb
```
#b220bb rgb(178,32,187)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#bb20aa
```
#bb20aa rgb(187,32,170)
```
#bb209d
```
#bb209d rgb(187,32,157)
```
#bb2090
```
#bb2090 rgb(187,32,144)
```

Similar Colors

Text with hexadecimal color #bb20b7

This text has a font color of #bb20b7.

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

#bb20b7 background color

This paragraph has a background color of #bb20b7.

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

#bb20b7 border color

This element has a border color of #bb20b7.

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

CSS codes

.text {color:#bb20b7;}

.background {background-color:#bb20b7;}

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

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)
```
#350934
```
#350934 rgb(53,9,52)
```
#460c44
```
#460c44 rgb(70,12,68)
```
#570f55
```
#570f55 rgb(87,15,85)
```
#671265
```
#671265 rgb(103,18,101)
```
#781575
```
#781575 rgb(120,21,117)
```
#891786
```
#891786 rgb(137,23,134)
```
#9a1a96
```
#9a1a96 rgb(154,26,150)
```
#aa1da7
```
#aa1da7 rgb(170,29,167)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#cc23c7
```
#cc23c7 rgb(204,35,199)
```

Shade Color Variation

#da28d6
```
#da28d6 rgb(218,40,214)
```
#dd39d9
```
#dd39d9 rgb(221,57,217)
```
#e04adc
```
#e04adc rgb(224,74,220)
```
#e35adf
```
#e35adf rgb(227,90,223)
```
#e66be3
```
#e66be3 rgb(230,107,227)
```
#e97ce6
```
#e97ce6 rgb(233,124,230)
```
#eb8de9
```
#eb8de9 rgb(235,141,233)
```
#ee9dec
```
#ee9dec rgb(238,157,236)
```
#f1aeef
```
#f1aeef rgb(241,174,239)
```
#f4bff3
```
#f4bff3 rgb(244,191,243)
```
#f7d0f6
```
#f7d0f6 rgb(247,208,246)
```
#fae0f9
```
#fae0f9 rgb(250,224,249)
```
#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 #d407cf is the most saturated one.

#6f6c6f
```
#6f6c6f rgb(111,108,111)
```
#786377
```
#786377 rgb(120,99,119)
```
#805b7f
```
#805b7f rgb(128,91,127)
```
#885387
```
#885387 rgb(136,83,135)
```
#914a8f
```
#914a8f rgb(145,74,143)
```
#994297
```
#994297 rgb(153,66,151)
```
#a2399f
```
#a2399f rgb(162,57,159)
```
#aa31a7
```
#aa31a7 rgb(170,49,167)
```
#b328af
```
#b328af rgb(179,40,175)
```
#bb20b7
```
#bb20b7 rgb(187,32,183)
```
#c318bf
```
#c318bf rgb(195,24,191)
```
#cc0fc7
```
#cc0fc7 rgb(204,15,199)
```
#d407cf
```
#d407cf rgb(212,7,207)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#725371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#5673aa Deuteranopia 1% of men
#b3565b Tritanopia 0.001% of the population

Trichromacy

#4453ce Protanomaly 1% of men, 0.01% of women
#7a55af Deuteranomaly 6% of men, 0.4% of women
#b6427c Tritanomaly 0.01% of the population

#bb20b7 hex color

#bb20b7 Color Information

#bb20b7 Color Conversion

Color Schemes with #bb20b7

Alternatives to #bb20b7

#bb20b7 Preview

Shades and Tints of #bb20b7

Tones of #bb20b7

Color Blindness Simulator