#bb18b0 hex color

In a RGB color space, hex #bb18b0 is composed of 73.3% red, 9.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 5.9% yellow and 26.7% black. It has a hue angle of 304 degrees, a saturation of 77.3% and a lightness of 41.4%. #bb18b0 color hex could be obtained by blending #ff30ff with #770061. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 9
- B 69
RGB color chart
- C 0
- M 87
- Y 6
- K 27
CMYK color chart

● #bb18b0 color description : Strong magenta.

The hexadecimal color #bb18b0 has RGB values of R:187, G:24, B:176 and CMYK values of C:0, M:0.87, Y:0.06, K:0.27. Its decimal value is 12261552.

Hex triplet	bb18b0	`#bb18b0`
RGB Decimal	187, 24, 176	`rgb(187,24,176)`
RGB Percent	73.3, 9.4, 69	`rgb(73.3%,9.4%,69%)`
CMYK	0, 87, 6, 27
HSL	304°, 77.3, 41.4	`hsl(304,77.3%,41.4%)`
HSV (or HSB)	304°, 87.2, 73.3
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.737, 73.472, -41.253
XYZ	28.656, 14.355, 42.333
xyY	0.336, 0.168, 14.355
CIE-LCH	44.737, 84.261, 330.687
CIE-LUV	44.737, 64.638, -69.841
Hunter-Lab	37.888, 68.704, -39.726
Binary	10111011, 00011000, 10110000

#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#18bb23
```
#18bb23 rgb(24,187,35)
```

Complementary Color

#7518bb
```
#7518bb rgb(117,24,187)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#bb185f
```
#bb185f rgb(187,24,95)
```

Analogous Color

#18bb75
```
#18bb75 rgb(24,187,117)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#5fbb18
```
#5fbb18 rgb(95,187,24)
```

Split Complementary Color

#18b0bb
```
#18b0bb rgb(24,176,187)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#b0bb18
```
#b0bb18 rgb(176,187,24)
```

Triadic Color

#2318bb
```
#2318bb rgb(35,24,187)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#b0bb18
```
#b0bb18 rgb(176,187,24)
```
#18bb23
```
#18bb23 rgb(24,187,35)
```

Tetradic Color

#770f70
```
#770f70 rgb(119,15,112)
```
#8e1285
```
#8e1285 rgb(142,18,133)
```
#a4159b
```
#a4159b rgb(164,21,155)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#d21bc5
```
#d21bc5 rgb(210,27,197)
```
#e323d6
```
#e323d6 rgb(227,35,214)
```
#e63ada
```
#e63ada rgb(230,58,218)
```

Monochromatic Color

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

#9d18bb
```
#9d18bb rgb(157,24,187)
```
#ab18bb
```
#ab18bb rgb(171,24,187)
```
#b818bb
```
#b818bb rgb(184,24,187)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#bb18a2
```
#bb18a2 rgb(187,24,162)
```
#bb1895
```
#bb1895 rgb(187,24,149)
```
#bb1887
```
#bb1887 rgb(187,24,135)
```

Similar Colors

Text with hexadecimal color #bb18b0

This text has a font color of #bb18b0.

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

#bb18b0 background color

This paragraph has a background color of #bb18b0.

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

#bb18b0 border color

This element has a border color of #bb18b0.

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

CSS codes

.text {color:#bb18b0;}

.background {background-color:#bb18b0;}

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

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, #0d020c is the darkest color, while #fefbfe is the lightest one.

#0d020c
```
#0d020c rgb(13,2,12)
```
#1f041d
```
#1f041d rgb(31,4,29)
```
#30062d
```
#30062d rgb(48,6,45)
```
#41083d
```
#41083d rgb(65,8,61)
```
#530b4e
```
#530b4e rgb(83,11,78)
```
#640d5e
```
#640d5e rgb(100,13,94)
```
#750f6f
```
#750f6f rgb(117,15,111)
```
#87117f
```
#87117f rgb(135,17,127)
```
#98148f
```
#98148f rgb(152,20,143)
```
#aa16a0
```
#aa16a0 rgb(170,22,160)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#cc1ac0
```
#cc1ac0 rgb(204,26,192)
```
#de1cd1
```
#de1cd1 rgb(222,28,209)
```

Shade Color Variation

#e42ad7
```
#e42ad7 rgb(228,42,215)
```
#e63cda
```
#e63cda rgb(230,60,218)
```
#e84dde
```
#e84dde rgb(232,77,222)
```
#ea5ee1
```
#ea5ee1 rgb(234,94,225)
```
#ed70e4
```
#ed70e4 rgb(237,112,228)
```
#ef81e7
```
#ef81e7 rgb(239,129,231)
```
#f192eb
```
#f192eb rgb(241,146,235)
```
#f3a4ee
```
#f3a4ee rgb(243,164,238)
```
#f6b5f1
```
#f6b5f1 rgb(246,181,241)
```
#f8c7f4
```
#f8c7f4 rgb(248,199,244)
```
#fad8f8
```
#fad8f8 rgb(250,216,248)
```
#fce9fb
```
#fce9fb rgb(252,233,251)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#6a696a
```
#6a696a rgb(106,105,106)
```
#726171
```
#726171 rgb(114,97,113)
```
#7a5978
```
#7a5978 rgb(122,89,120)
```
#82517f
```
#82517f rgb(130,81,127)
```
#8a4986
```
#8a4986 rgb(138,73,134)
```
#92418d
```
#92418d rgb(146,65,141)
```
#9b3894
```
#9b3894 rgb(155,56,148)
```
#a3309b
```
#a3309b rgb(163,48,155)
```
#ab28a2
```
#ab28a2 rgb(171,40,162)
```
#b320a9
```
#b320a9 rgb(179,32,169)
```
#bb18b0
```
#bb18b0 rgb(187,24,176)
```
#c310b7
```
#c310b7 rgb(195,16,183)
```
#cb08be
```
#cb08be rgb(203,8,190)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d4d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#5871a3 Deuteranopia 1% of men
#b45156 Tritanopia 0.001% of the population

Trichromacy

#444ec9 Protanomaly 1% of men, 0.01% of women
#7c50a8 Deuteranomaly 6% of men, 0.4% of women
#b63c76 Tritanomaly 0.01% of the population

#bb18b0 hex color

#bb18b0 Color Information

#bb18b0 Color Conversion

Color Schemes with #bb18b0

Alternatives to #bb18b0

#bb18b0 Preview

Shades and Tints of #bb18b0

Tones of #bb18b0

Color Blindness Simulator