#bb18dc hex color

In a RGB color space, hex #bb18dc is composed of 73.3% red, 9.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 89.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 289.9 degrees, a saturation of 80.3% and a lightness of 47.8%. #bb18dc color hex could be obtained by blending #ff30ff with #7700b9. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 86
RGB color chart
- C 15
- M 89
- Y 0
- K 14
CMYK color chart

● #bb18dc color description : Vivid magenta.

The hexadecimal color #bb18dc has RGB values of R:187, G:24, B:220 and CMYK values of C:0.15, M:0.89, Y:0, K:0.14. Its decimal value is 12261596.

Hex triplet	bb18dc	`#bb18dc`
RGB Decimal	187, 24, 220	`rgb(187,24,220)`
RGB Percent	73.3, 9.4, 86.3	`rgb(73.3%,9.4%,86.3%)`
CMYK	15, 89, 0, 14
HSL	289.9°, 80.3, 47.8	`hsl(289.9,80.3%,47.8%)`
HSV (or HSB)	289.9°, 89.1, 86.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.478, 80.405, -62.419
XYZ	33.737, 16.387, 69.092
xyY	0.283, 0.137, 16.387
CIE-LCH	47.478, 101.79, 322.178
CIE-LUV	47.478, 48.985, -102.077
Hunter-Lab	40.481, 77.921, -72.858
Binary	10111011, 00011000, 11011100

#bb18dc
```
#bb18dc rgb(187,24,220)
```
#39dc18
```
#39dc18 rgb(57,220,24)
```

Complementary Color

#5918dc
```
#5918dc rgb(89,24,220)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#dc189b
```
#dc189b rgb(220,24,155)
```

Analogous Color

#18dc59
```
#18dc59 rgb(24,220,89)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#9bdc18
```
#9bdc18 rgb(155,220,24)
```

Split Complementary Color

#18dcbb
```
#18dcbb rgb(24,220,187)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#dcbb18
```
#dcbb18 rgb(220,187,24)
```

Triadic Color

#1839dc
```
#1839dc rgb(24,57,220)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#dcbb18
```
#dcbb18 rgb(220,187,24)
```
#39dc18
```
#39dc18 rgb(57,220,24)
```

Tetradic Color

#801097
```
#801097 rgb(128,16,151)
```
#9413ae
```
#9413ae rgb(148,19,174)
```
#a715c5
```
#a715c5 rgb(167,21,197)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#c726e7
```
#c726e7 rgb(199,38,231)
```
#cd3dea
```
#cd3dea rgb(205,61,234)
```
#d354ec
```
#d354ec rgb(211,84,236)
```

Monochromatic Color

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

#8a18dc
```
#8a18dc rgb(138,24,220)
```
#9a18dc
```
#9a18dc rgb(154,24,220)
```
#ab18dc
```
#ab18dc rgb(171,24,220)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#cb18dc
```
#cb18dc rgb(203,24,220)
```
#dc18dc
```
#dc18dc rgb(220,24,220)
```
#dc18cc
```
#dc18cc rgb(220,24,204)
```

Similar Colors

Text with hexadecimal color #bb18dc

This text has a font color of #bb18dc.

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

#bb18dc background color

This paragraph has a background color of #bb18dc.

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

#bb18dc border color

This element has a border color of #bb18dc.

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

CSS codes

.text {color:#bb18dc;}

.background {background-color:#bb18dc;}

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

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

#070108
```
#070108 rgb(7,1,8)
```
#160319
```
#160319 rgb(22,3,25)
```
#25052b
```
#25052b rgb(37,5,43)
```
#34073d
```
#34073d rgb(52,7,61)
```
#43094f
```
#43094f rgb(67,9,79)
```
#520a60
```
#520a60 rgb(82,10,96)
```
#610c72
```
#610c72 rgb(97,12,114)
```
#700e84
```
#700e84 rgb(112,14,132)
```
#7f1095
```
#7f1095 rgb(127,16,149)
```
#8e12a7
```
#8e12a7 rgb(142,18,167)
```
#9d14b9
```
#9d14b9 rgb(157,20,185)
```
#ac16ca
```
#ac16ca rgb(172,22,202)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```

Shade Color Variation

#c521e7
```
#c521e7 rgb(197,33,231)
```
#ca33e9
```
#ca33e9 rgb(202,51,233)
```
#cf44eb
```
#cf44eb rgb(207,68,235)
```
#d356ed
```
#d356ed rgb(211,86,237)
```
#d868ee
```
#d868ee rgb(216,104,238)
```
#dc79f0
```
#dc79f0 rgb(220,121,240)
```
#e18bf2
```
#e18bf2 rgb(225,139,242)
```
#e69df4
```
#e69df4 rgb(230,157,244)
```
#eaaef6
```
#eaaef6 rgb(234,174,246)
```
#efc0f8
```
#efc0f8 rgb(239,192,248)
```
#f3d2fa
```
#f3d2fa rgb(243,210,250)
```
#f8e3fc
```
#f8e3fc rgb(248,227,252)
```
#fcf5fe
```
#fcf5fe rgb(252,245,254)
```

Tint Color Variation

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

#7d767e
```
#7d767e rgb(125,118,126)
```
#836c88
```
#836c88 rgb(131,108,136)
```
#896391
```
#896391 rgb(137,99,145)
```
#8f5a9a
```
#8f5a9a rgb(143,90,154)
```
#9650a4
```
#9650a4 rgb(150,80,164)
```
#9c47ad
```
#9c47ad rgb(156,71,173)
```
#a23eb6
```
#a23eb6 rgb(162,62,182)
```
#a834c0
```
#a834c0 rgb(168,52,192)
```
#af2bc9
```
#af2bc9 rgb(175,43,201)
```
#b521d3
```
#b521d3 rgb(181,33,211)
```
#bb18dc
```
#bb18dc rgb(187,24,220)
```
#c10fe5
```
#c10fe5 rgb(193,15,229)
```
#c705ef
```
#c705ef rgb(199,5,239)
```

Tone Color Variation

Below, you can see how #bb18dc 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
#1f79c9 Deuteranopia 1% of men
#ac6268 Tritanopia 0.001% of the population

Trichromacy

#4452e0 Protanomaly 1% of men, 0.01% of women
#5856d0 Deuteranomaly 6% of men, 0.4% of women
#b14792 Tritanomaly 0.01% of the population

#bb18dc hex color

#bb18dc Color Information

#bb18dc Color Conversion

Color Schemes with #bb18dc

Alternatives to #bb18dc

#bb18dc Preview

Shades and Tints of #bb18dc

Tones of #bb18dc

Color Blindness Simulator