#bb3ed8 hex color

In a RGB color space, hex #bb3ed8 is composed of 73.3% red, 24.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 71.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 288.7 degrees, a saturation of 66.4% and a lightness of 54.5%. #bb3ed8 color hex could be obtained by blending #ff7cff with #7700b1. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 24
- B 85
RGB color chart
- C 13
- M 71
- Y 0
- K 15
CMYK color chart

● #bb3ed8 color description : Moderate magenta.

The hexadecimal color #bb3ed8 has RGB values of R:187, G:62, B:216 and CMYK values of C:0.13, M:0.71, Y:0, K:0.15. Its decimal value is 12271320.

Hex triplet	bb3ed8	`#bb3ed8`
RGB Decimal	187, 62, 216	`rgb(187,62,216)`
RGB Percent	73.3, 24.3, 84.7	`rgb(73.3%,24.3%,84.7%)`
CMYK	13, 71, 0, 15
HSL	288.7°, 66.4, 54.5	`hsl(288.7,66.4%,54.5%)`
HSV (or HSB)	288.7°, 71.3, 84.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.652, 69.753, -55.027
XYZ	34.609, 18.97, 66.8
xyY	0.288, 0.158, 18.97
CIE-LCH	50.652, 88.845, 321.731
CIE-LUV	50.652, 45.181, -92.012
Hunter-Lab	43.554, 65.622, -60.448
Binary	10111011, 00111110, 11011000

#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#5bd83e
```
#5bd83e rgb(91,216,62)
```

Complementary Color

#6e3ed8
```
#6e3ed8 rgb(110,62,216)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#d83ea8
```
#d83ea8 rgb(216,62,168)
```

Analogous Color

#3ed86e
```
#3ed86e rgb(62,216,110)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#a8d83e
```
#a8d83e rgb(168,216,62)
```

Split Complementary Color

#3ed8bb
```
#3ed8bb rgb(62,216,187)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#d8bb3e
```
#d8bb3e rgb(216,187,62)
```

Triadic Color

#3e5bd8
```
#3e5bd8 rgb(62,91,216)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#d8bb3e
```
#d8bb3e rgb(216,187,62)
```
#5bd83e
```
#5bd83e rgb(91,216,62)
```

Tetradic Color

#8e22a8
```
#8e22a8 rgb(142,34,168)
```
#a026bd
```
#a026bd rgb(160,38,189)
```
#b22ad2
```
#b22ad2 rgb(178,42,210)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#c253dc
```
#c253dc rgb(194,83,220)
```
#ca68e1
```
#ca68e1 rgb(202,104,225)
```
#d17ee5
```
#d17ee5 rgb(209,126,229)
```

Monochromatic Color

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

#953ed8
```
#953ed8 rgb(149,62,216)
```
#a13ed8
```
#a13ed8 rgb(161,62,216)
```
#ae3ed8
```
#ae3ed8 rgb(174,62,216)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#c83ed8
```
#c83ed8 rgb(200,62,216)
```
#d53ed8
```
#d53ed8 rgb(213,62,216)
```
#d83ecf
```
#d83ecf rgb(216,62,207)
```

Similar Colors

Text with hexadecimal color #bb3ed8

This text has a font color of #bb3ed8.

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

#bb3ed8 background color

This paragraph has a background color of #bb3ed8.

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

#bb3ed8 border color

This element has a border color of #bb3ed8.

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

CSS codes

.text {color:#bb3ed8;}

.background {background-color:#bb3ed8;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#100413
```
#100413 rgb(16,4,19)
```
#1e0723
```
#1e0723 rgb(30,7,35)
```
#2c0a34
```
#2c0a34 rgb(44,10,52)
```
#3a0e44
```
#3a0e44 rgb(58,14,68)
```
#481154
```
#481154 rgb(72,17,84)
```
#561465
```
#561465 rgb(86,20,101)
```
#631875
```
#631875 rgb(99,24,117)
```
#711b85
```
#711b85 rgb(113,27,133)
```
#7f1e96
```
#7f1e96 rgb(127,30,150)
```
#8d22a6
```
#8d22a6 rgb(141,34,166)
```
#9b25b6
```
#9b25b6 rgb(155,37,182)
```
#a928c7
```
#a928c7 rgb(169,40,199)
```

Shade Color Variation

#b52ed5
```
#b52ed5 rgb(181,46,213)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#c14edb
```
#c14edb rgb(193,78,219)
```
#c65fdf
```
#c65fdf rgb(198,95,223)
```
#cc6fe2
```
#cc6fe2 rgb(204,111,226)
```
#d27fe5
```
#d27fe5 rgb(210,127,229)
```
#d890e8
```
#d890e8 rgb(216,144,232)
```
#dda0ec
```
#dda0ec rgb(221,160,236)
```
#e3b0ef
```
#e3b0ef rgb(227,176,239)
```
#e9c1f2
```
#e9c1f2 rgb(233,193,242)
```
#efd1f6
```
#efd1f6 rgb(239,209,246)
```
#f4e1f9
```
#f4e1f9 rgb(244,225,249)
```
#faf1fc
```
#faf1fc rgb(250,241,252)
```

Tint Color Variation

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

#8f8591
```
#8f8591 rgb(143,133,145)
```
#947c9a
```
#947c9a rgb(148,124,154)
```
#9a74a2
```
#9a74a2 rgb(154,116,162)
```
#9f6bab
```
#9f6bab rgb(159,107,171)
```
#a562b4
```
#a562b4 rgb(165,98,180)
```
#aa59bd
```
#aa59bd rgb(170,89,189)
```
#b050c6
```
#b050c6 rgb(176,80,198)
```
#b547cf
```
#b547cf rgb(181,71,207)
```
#bb3ed8
```
#bb3ed8 rgb(187,62,216)
```
#c135e1
```
#c135e1 rgb(193,53,225)
```
#c62cea
```
#c62cea rgb(198,44,234)
```
#cc23f3
```
#cc23f3 rgb(204,35,243)
```
#d11afc
```
#d11afc rgb(209,26,252)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#836a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#4980c9 Deuteranopia 1% of men
#ae6d74 Tritanopia 0.001% of the population

Trichromacy

#4465e8 Protanomaly 1% of men, 0.01% of women
#7268cf Deuteranomaly 6% of men, 0.4% of women
#b35b98 Tritanomaly 0.01% of the population

#bb3ed8 hex color

#bb3ed8 Color Information

#bb3ed8 Color Conversion

Color Schemes with #bb3ed8

Alternatives to #bb3ed8

#bb3ed8 Preview

Shades and Tints of #bb3ed8

Tones of #bb3ed8

Color Blindness Simulator