colorhexa.com

#bb20bd hex color

In a RGB color space, hex #bb20bd is composed of 73.3% red, 12.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 83.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 299.2 degrees, a saturation of 71% and a lightness of 43.3%. #bb20bd color hex could be obtained by blending #ff40ff with #77007b. Closest websafe color is: #cc33cc.

- R 73
- G 13
- B 74
RGB color chart
- C 1
- M 83
- Y 0
- K 26
CMYK color chart

● #bb20bd color description : Strong magenta.

The hexadecimal color #bb20bd has RGB values of R:187, G:32, B:189 and CMYK values of C:0.01, M:0.83, Y:0, K:0.26. Its decimal value is 12263613.

Hex triplet	bb20bd	`#bb20bd`
RGB Decimal	187, 32, 189	`rgb(187,32,189)`
RGB Percent	73.3, 12.5, 74.1	`rgb(73.3%,12.5%,74.1%)`
CMYK	1, 83, 0, 26
HSL	299.2°, 71, 43.3	`hsl(299.2,71%,43.3%)`
HSV (or HSB)	299.2°, 83.1, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	46.007, 73.895, -46.874
XYZ	30.195, 15.274, 49.499
xyY	0.318, 0.161, 15.274
CIE-LCH	46.007, 87.508, 327.611
CIE-LUV	46.007, 58.811, -78.498
Hunter-Lab	39.082, 69.516, -47.736
Binary	10111011, 00100000, 10111101

#bb20bd
```
#bb20bd rgb(187,32,189)
```
#22bd20
```
#22bd20 rgb(34,189,32)
```

Complementary Color

#6d20bd
```
#6d20bd rgb(109,32,189)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#bd2071
```
#bd2071 rgb(189,32,113)
```

Analogous Color

#20bd6d
```
#20bd6d rgb(32,189,109)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#71bd20
```
#71bd20 rgb(113,189,32)
```

Split Complementary Color

#20bdbb
```
#20bdbb rgb(32,189,187)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#bdbb20
```
#bdbb20 rgb(189,187,32)
```

Triadic Color

#2022bd
```
#2022bd rgb(32,34,189)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#bdbb20
```
#bdbb20 rgb(189,187,32)
```
#22bd20
```
#22bd20 rgb(34,189,32)
```

Tetradic Color

#7a157c
```
#7a157c rgb(122,21,124)
```
#901991
```
#901991 rgb(144,25,145)
```
#a51ca7
```
#a51ca7 rgb(165,28,167)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#d124d3
```
#d124d3 rgb(209,36,211)
```
#da33dd
```
#da33dd rgb(218,51,221)
```
#de49e0
```
#de49e0 rgb(222,73,224)
```

Monochromatic Color

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

#9420bd
```
#9420bd rgb(148,32,189)
```
#a120bd
```
#a120bd rgb(161,32,189)
```
#ae20bd
```
#ae20bd rgb(174,32,189)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#bd20b2
```
#bd20b2 rgb(189,32,178)
```
#bd20a5
```
#bd20a5 rgb(189,32,165)
```
#bd2098
```
#bd2098 rgb(189,32,152)
```

Similar Colors

Text with hexadecimal color #bb20bd

This text has a font color of #bb20bd.

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

#bb20bd background color

This paragraph has a background color of #bb20bd.

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

#bb20bd border color

This element has a border color of #bb20bd.

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

CSS codes

.text {color:#bb20bd;}

.background {background-color:#bb20bd;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#150415
```
#150415 rgb(21,4,21)
```
#260626
```
#260626 rgb(38,6,38)
```
#360937
```
#360937 rgb(54,9,55)
```
#470c48
```
#470c48 rgb(71,12,72)
```
#570f58
```
#570f58 rgb(87,15,88)
```
#681269
```
#681269 rgb(104,18,105)
```
#79157a
```
#79157a rgb(121,21,122)
```
#89178b
```
#89178b rgb(137,23,139)
```
#9a1a9b
```
#9a1a9b rgb(154,26,155)
```
#aa1dac
```
#aa1dac rgb(170,29,172)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#cc23ce
```
#cc23ce rgb(204,35,206)
```

Shade Color Variation

#d929db
```
#d929db rgb(217,41,219)
```
#dc3ade
```
#dc3ade rgb(220,58,222)
```
#df4be1
```
#df4be1 rgb(223,75,225)
```
#e25ce3
```
#e25ce3 rgb(226,92,227)
```
#e56ce6
```
#e56ce6 rgb(229,108,230)
```
#e87de9
```
#e87de9 rgb(232,125,233)
```
#eb8eec
```
#eb8eec rgb(235,142,236)
```
#ee9fef
```
#ee9fef rgb(238,159,239)
```
#f1b0f2
```
#f1b0f2 rgb(241,176,242)
```
#f4c0f4
```
#f4c0f4 rgb(244,192,244)
```
#f7d1f7
```
#f7d1f7 rgb(247,209,247)
```
#fae2fa
```
#fae2fa rgb(250,226,250)
```
#fdf3fd
```
#fdf3fd rgb(253,243,253)
```

Tint Color Variation

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

#706d71
```
#706d71 rgb(112,109,113)
```
#796479
```
#796479 rgb(121,100,121)
```
#815c82
```
#815c82 rgb(129,92,130)
```
#89538a
```
#89538a rgb(137,83,138)
```
#924b93
```
#924b93 rgb(146,75,147)
```
#9a429b
```
#9a429b rgb(154,66,155)
```
#a23aa4
```
#a23aa4 rgb(162,58,164)
```
#aa31ac
```
#aa31ac rgb(170,49,172)
```
#b329b5
```
#b329b5 rgb(179,41,181)
```
#bb20bd
```
#bb20bd rgb(187,32,189)
```
#c318c6
```
#c318c6 rgb(195,24,198)
```
#cc0fce
```
#cc0fce rgb(204,15,206)
```
#d406d7
```
#d406d7 rgb(212,6,215)
```

Tone Color Variation

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

Dichromacy

#0071dd Protanopia 1% of men
#5174af Deuteranopia 1% of men
#b2585d Tritanopia 0.001% of the population

Trichromacy

#4453d1 Protanomaly 1% of men, 0.01% of women
#7755b4 Deuteranomaly 6% of men, 0.4% of women
#b54380 Tritanomaly 0.01% of the population