#bb18de hex color

In a RGB color space, hex #bb18de is composed of 73.3% red, 9.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 89.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 289.4 degrees, a saturation of 80.5% and a lightness of 48.2%. #bb18de color hex could be obtained by blending #ff30ff with #7700bd. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 87
RGB color chart
- C 16
- M 89
- Y 0
- K 13
CMYK color chart

● #bb18de color description : Vivid magenta.

The hexadecimal color #bb18de has RGB values of R:187, G:24, B:222 and CMYK values of C:0.16, M:0.89, Y:0, K:0.13. Its decimal value is 12261598.

Hex triplet	bb18de	`#bb18de`
RGB Decimal	187, 24, 222	`rgb(187,24,222)`
RGB Percent	73.3, 9.4, 87.1	`rgb(73.3%,9.4%,87.1%)`
CMYK	16, 89, 0, 13
HSL	289.4°, 80.5, 48.2	`hsl(289.4,80.5%,48.2%)`
HSV (or HSB)	289.4°, 89.2, 87.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.616, 80.743, -63.338
XYZ	34.004, 16.494, 70.496
xyY	0.281, 0.136, 16.494
CIE-LCH	47.616, 102.622, 321.888
CIE-LUV	47.616, 48.35, -103.479
Hunter-Lab	40.612, 78.381, -74.488
Binary	10111011, 00011000, 11011110

#bb18de
```
#bb18de rgb(187,24,222)
```
#3bde18
```
#3bde18 rgb(59,222,24)
```

Complementary Color

#5818de
```
#5818de rgb(88,24,222)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#de189e
```
#de189e rgb(222,24,158)
```

Analogous Color

#18de58
```
#18de58 rgb(24,222,88)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#9ede18
```
#9ede18 rgb(158,222,24)
```

Split Complementary Color

#18debb
```
#18debb rgb(24,222,187)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#debb18
```
#debb18 rgb(222,187,24)
```

Triadic Color

#183bde
```
#183bde rgb(24,59,222)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#debb18
```
#debb18 rgb(222,187,24)
```
#3bde18
```
#3bde18 rgb(59,222,24)
```

Tetradic Color

#811199
```
#811199 rgb(129,17,153)
```
#9413b0
```
#9413b0 rgb(148,19,176)
```
#a816c7
```
#a816c7 rgb(168,22,199)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#c628e8
```
#c628e8 rgb(198,40,232)
```
#cc3fea
```
#cc3fea rgb(204,63,234)
```
#d256ed
```
#d256ed rgb(210,86,237)
```

Monochromatic Color

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

#8a18de
```
#8a18de rgb(138,24,222)
```
#9a18de
```
#9a18de rgb(154,24,222)
```
#ab18de
```
#ab18de rgb(171,24,222)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#dc18de
```
#dc18de rgb(220,24,222)
```
#de18d0
```
#de18d0 rgb(222,24,208)
```

Similar Colors

Text with hexadecimal color #bb18de

This text has a font color of #bb18de.

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

#bb18de background color

This paragraph has a background color of #bb18de.

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

#bb18de border color

This element has a border color of #bb18de.

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

CSS codes

.text {color:#bb18de;}

.background {background-color:#bb18de;}

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

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

#08010a
```
#08010a rgb(8,1,10)
```
#17031b
```
#17031b rgb(23,3,27)
```
#26052d
```
#26052d rgb(38,5,45)
```
#35073f
```
#35073f rgb(53,7,63)
```
#440950
```
#440950 rgb(68,9,80)
```
#530b62
```
#530b62 rgb(83,11,98)
```
#620d74
```
#620d74 rgb(98,13,116)
```
#700e85
```
#700e85 rgb(112,14,133)
```
#7f1097
```
#7f1097 rgb(127,16,151)
```
#8e12a9
```
#8e12a9 rgb(142,18,169)
```
#9d14bb
```
#9d14bb rgb(157,20,187)
```
#ac16cc
```
#ac16cc rgb(172,22,204)
```
#bb18de
```
#bb18de rgb(187,24,222)
```

Shade Color Variation

#c422e7
```
#c422e7 rgb(196,34,231)
```
#c934e9
```
#c934e9 rgb(201,52,233)
```
#ce46eb
```
#ce46eb rgb(206,70,235)
```
#d358ed
```
#d358ed rgb(211,88,237)
```
#d769ef
```
#d769ef rgb(215,105,239)
```
#dc7bf1
```
#dc7bf1 rgb(220,123,241)
```
#e18df3
```
#e18df3 rgb(225,141,243)
```
#e59ef5
```
#e59ef5 rgb(229,158,245)
```
#eab0f6
```
#eab0f6 rgb(234,176,246)
```
#efc2f8
```
#efc2f8 rgb(239,194,248)
```
#f3d3fa
```
#f3d3fa rgb(243,211,250)
```
#f8e5fc
```
#f8e5fc rgb(248,229,252)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#7e777f
```
#7e777f rgb(126,119,127)
```
#846d89
```
#846d89 rgb(132,109,137)
```
#8a6492
```
#8a6492 rgb(138,100,146)
```
#905a9c
```
#905a9c rgb(144,90,156)
```
#9651a5
```
#9651a5 rgb(150,81,165)
```
#9c47af
```
#9c47af rgb(156,71,175)
```
#a33eb8
```
#a33eb8 rgb(163,62,184)
```
#a934c2
```
#a934c2 rgb(169,52,194)
```
#af2bcb
```
#af2bcb rgb(175,43,203)
```
#b521d5
```
#b521d5 rgb(181,33,213)
```
#bb18de
```
#bb18de rgb(187,24,222)
```
#c10fe7
```
#c10fe7 rgb(193,15,231)
```
#c705f1
```
#c705f1 rgb(199,5,241)
```

Tone Color Variation

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

Dichromacy

#0074e3 Protanopia 1% of men
#167acb Deuteranopia 1% of men
#ac6269 Tritanopia 0.001% of the population

Trichromacy

#4453e1 Protanomaly 1% of men, 0.01% of women
#5256d2 Deuteranomaly 6% of men, 0.4% of women
#b14793 Tritanomaly 0.01% of the population

#bb18de hex color

#bb18de Color Information

#bb18de Color Conversion

Color Schemes with #bb18de

Alternatives to #bb18de

#bb18de Preview

Shades and Tints of #bb18de

Tones of #bb18de

Color Blindness Simulator