#bb20fd hex color

In a RGB color space, hex #bb20fd is composed of 73.3% red, 12.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 87.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 282.1 degrees, a saturation of 98.2% and a lightness of 55.9%. #bb20fd color hex could be obtained by blending #ff40ff with #7700fb. Closest websafe color is: #cc33ff.

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

● #bb20fd color description : Vivid violet.

The hexadecimal color #bb20fd has RGB values of R:187, G:32, B:253 and CMYK values of C:0.26, M:0.87, Y:0, K:0.01. Its decimal value is 12263677.

Hex triplet	bb20fd	`#bb20fd`
RGB Decimal	187, 32, 253	`rgb(187,32,253)`
RGB Percent	73.3, 12.5, 99.2	`rgb(73.3%,12.5%,99.2%)`
CMYK	26, 87, 0, 1
HSL	282.1°, 98.2, 55.9	`hsl(282.1,98.2%,55.9%)`
HSV (or HSB)	282.1°, 87.4, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.324, 84.831, -76.417
XYZ	38.737, 18.691, 94.49
xyY	0.255, 0.123, 18.691
CIE-LCH	50.324, 114.175, 317.987
CIE-LUV	50.324, 38.799, -123.756
Hunter-Lab	43.233, 84.28, -99.321
Binary	10111011, 00100000, 11111101

#bb20fd
```
#bb20fd rgb(187,32,253)
```
#62fd20
```
#62fd20 rgb(98,253,32)
```

Complementary Color

#4c20fd
```
#4c20fd rgb(76,32,253)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#fd20d1
```
#fd20d1 rgb(253,32,209)
```

Analogous Color

#20fd4c
```
#20fd4c rgb(32,253,76)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#d1fd20
```
#d1fd20 rgb(209,253,32)
```

Split Complementary Color

#20fdbb
```
#20fdbb rgb(32,253,187)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#fdbb20
```
#fdbb20 rgb(253,187,32)
```

Triadic Color

#2062fd
```
#2062fd rgb(32,98,253)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#fdbb20
```
#fdbb20 rgb(253,187,32)
```
#62fd20
```
#62fd20 rgb(98,253,32)
```

Tetradic Color

#9102cf
```
#9102cf rgb(145,2,207)
```
#a302e8
```
#a302e8 rgb(163,2,232)
```
#b307fd
```
#b307fd rgb(179,7,253)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#c339fd
```
#c339fd rgb(195,57,253)
```
#ca53fd
```
#ca53fd rgb(202,83,253)
```
#d26cfe
```
#d26cfe rgb(210,108,254)
```

Monochromatic Color

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

#8420fd
```
#8420fd rgb(132,32,253)
```
#9620fd
```
#9620fd rgb(150,32,253)
```
#a920fd
```
#a920fd rgb(169,32,253)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#cd20fd
```
#cd20fd rgb(205,32,253)
```
#e020fd
```
#e020fd rgb(224,32,253)
```
#f220fd
```
#f220fd rgb(242,32,253)
```

Similar Colors

Text with hexadecimal color #bb20fd

This text has a font color of #bb20fd.

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

#bb20fd background color

This paragraph has a background color of #bb20fd.

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

#bb20fd border color

This element has a border color of #bb20fd.

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

CSS codes

.text {color:#bb20fd;}

.background {background-color:#bb20fd;}

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

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, #07000a is the darkest color, while #fcf6ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#15001e
```
#15001e rgb(21,0,30)
```
#230031
```
#230031 rgb(35,0,49)
```
#300145
```
#300145 rgb(48,1,69)
```
#3e0158
```
#3e0158 rgb(62,1,88)
```
#4c016b
```
#4c016b rgb(76,1,107)
```
#59017f
```
#59017f rgb(89,1,127)
```
#670192
```
#670192 rgb(103,1,146)
```
#7501a6
```
#7501a6 rgb(117,1,166)
```
#8202b9
```
#8202b9 rgb(130,2,185)
```
#9002cd
```
#9002cd rgb(144,2,205)
```
#9e02e0
```
#9e02e0 rgb(158,2,224)
```
#ab02f4
```
#ab02f4 rgb(171,2,244)
```

Shade Color Variation

#b50dfd
```
#b50dfd rgb(181,13,253)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```
#c133fd
```
#c133fd rgb(193,51,253)
```
#c747fd
```
#c747fd rgb(199,71,253)
```
#cd5afe
```
#cd5afe rgb(205,90,254)
```
#d36efe
```
#d36efe rgb(211,110,254)
```
#d981fe
```
#d981fe rgb(217,129,254)
```
#df95fe
```
#df95fe rgb(223,149,254)
```
#e4a8fe
```
#e4a8fe rgb(228,168,254)
```
#eabcfe
```
#eabcfe rgb(234,188,254)
```
#f0cfff
```
#f0cfff rgb(240,207,255)
```
#f6e2ff
```
#f6e2ff rgb(246,226,255)
```
#fcf6ff
```
#fcf6ff rgb(252,246,255)
```

Tint Color Variation

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

#918895
```
#918895 rgb(145,136,149)
```
#957f9e
```
#957f9e rgb(149,127,158)
```
#9877a6
```
#9877a6 rgb(152,119,166)
```
#9c6eaf
```
#9c6eaf rgb(156,110,175)
```
#9f65b8
```
#9f65b8 rgb(159,101,184)
```
#a35dc0
```
#a35dc0 rgb(163,93,192)
```
#a654c9
```
#a654c9 rgb(166,84,201)
```
#aa4bd2
```
#aa4bd2 rgb(170,75,210)
```
#ad43da
```
#ad43da rgb(173,67,218)
```
#b13ae3
```
#b13ae3 rgb(177,58,227)
```
#b431ec
```
#b431ec rgb(180,49,236)
```
#b829f4
```
#b829f4 rgb(184,41,244)
```
#bb20fd
```
#bb20fd rgb(187,32,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#795a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#a57078 Tritanopia 0.001% of the population

Trichromacy

#445af4 Protanomaly 1% of men, 0.01% of women
#445de3 Deuteranomaly 6% of men, 0.4% of women
#ad53a8 Tritanomaly 0.01% of the population

#bb20fd hex color

#bb20fd Color Information

#bb20fd Color Conversion

Color Schemes with #bb20fd

Alternatives to #bb20fd

#bb20fd Preview

Shades and Tints of #bb20fd

Tones of #bb20fd

Color Blindness Simulator