#bb18b6 hex color

In a RGB color space, hex #bb18b6 is composed of 73.3% red, 9.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 2.7% yellow and 26.7% black. It has a hue angle of 301.8 degrees, a saturation of 77.3% and a lightness of 41.4%. #bb18b6 color hex could be obtained by blending #ff30ff with #77006d. Closest websafe color is: #cc00cc.

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

● #bb18b6 color description : Strong magenta.

The hexadecimal color #bb18b6 has RGB values of R:187, G:24, B:182 and CMYK values of C:0, M:0.87, Y:0.03, K:0.27. Its decimal value is 12261558.

Hex triplet	bb18b6	`#bb18b6`
RGB Decimal	187, 24, 182	`rgb(187,24,182)`
RGB Percent	73.3, 9.4, 71.4	`rgb(73.3%,9.4%,71.4%)`
CMYK	0, 87, 3, 27
HSL	301.8°, 77.3, 41.4	`hsl(301.8,77.3%,41.4%)`
HSV (or HSB)	301.8°, 87.2, 73.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.078, 74.355, -44.251
XYZ	29.263, 14.598, 45.53
xyY	0.327, 0.163, 14.598
CIE-LCH	45.078, 86.526, 329.242
CIE-LUV	45.078, 62.316, -74.384
Hunter-Lab	38.207, 69.854, -43.909
Binary	10111011, 00011000, 10110110

#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#18bb1d
```
#18bb1d rgb(24,187,29)
```

Complementary Color

#6f18bb
```
#6f18bb rgb(111,24,187)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#bb1865
```
#bb1865 rgb(187,24,101)
```

Analogous Color

#18bb6f
```
#18bb6f rgb(24,187,111)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#65bb18
```
#65bb18 rgb(101,187,24)
```

Split Complementary Color

#18b6bb
```
#18b6bb rgb(24,182,187)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#b6bb18
```
#b6bb18 rgb(182,187,24)
```

Triadic Color

#1d18bb
```
#1d18bb rgb(29,24,187)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#b6bb18
```
#b6bb18 rgb(182,187,24)
```
#18bb1d
```
#18bb1d rgb(24,187,29)
```

Tetradic Color

#770f74
```
#770f74 rgb(119,15,116)
```
#8e128a
```
#8e128a rgb(142,18,138)
```
#a415a0
```
#a415a0 rgb(164,21,160)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#d21bcc
```
#d21bcc rgb(210,27,204)
```
#e323dd
```
#e323dd rgb(227,35,221)
```
#e63ae0
```
#e63ae0 rgb(230,58,224)
```

Monochromatic Color

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

#9718bb
```
#9718bb rgb(151,24,187)
```
#a518bb
```
#a518bb rgb(165,24,187)
```
#b218bb
```
#b218bb rgb(178,24,187)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#bb18a8
```
#bb18a8 rgb(187,24,168)
```
#bb189b
```
#bb189b rgb(187,24,155)
```
#bb188d
```
#bb188d rgb(187,24,141)
```

Similar Colors

Text with hexadecimal color #bb18b6

This text has a font color of #bb18b6.

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

#bb18b6 background color

This paragraph has a background color of #bb18b6.

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

#bb18b6 border color

This element has a border color of #bb18b6.

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

CSS codes

.text {color:#bb18b6;}

.background {background-color:#bb18b6;}

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

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

#0d020d
```
#0d020d rgb(13,2,13)
```
#1f041e
```
#1f041e rgb(31,4,30)
```
#30062f
```
#30062f rgb(48,6,47)
```
#410840
```
#410840 rgb(65,8,64)
```
#530b50
```
#530b50 rgb(83,11,80)
```
#640d61
```
#640d61 rgb(100,13,97)
```
#750f72
```
#750f72 rgb(117,15,114)
```
#871183
```
#871183 rgb(135,17,131)
```
#981494
```
#981494 rgb(152,20,148)
```
#aa16a5
```
#aa16a5 rgb(170,22,165)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#cc1ac7
```
#cc1ac7 rgb(204,26,199)
```
#de1cd8
```
#de1cd8 rgb(222,28,216)
```

Shade Color Variation

#e42ade
```
#e42ade rgb(228,42,222)
```
#e63ce1
```
#e63ce1 rgb(230,60,225)
```
#e84de3
```
#e84de3 rgb(232,77,227)
```
#ea5ee6
```
#ea5ee6 rgb(234,94,230)
```
#ed70e9
```
#ed70e9 rgb(237,112,233)
```
#ef81eb
```
#ef81eb rgb(239,129,235)
```
#f192ee
```
#f192ee rgb(241,146,238)
```
#f3a4f1
```
#f3a4f1 rgb(243,164,241)
```
#f6b5f4
```
#f6b5f4 rgb(246,181,244)
```
#f8c7f6
```
#f8c7f6 rgb(248,199,246)
```
#fad8f9
```
#fad8f9 rgb(250,216,249)
```
#fce9fc
```
#fce9fc rgb(252,233,252)
```
#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 #cb08c5 is the most saturated one.

#6a696a
```
#6a696a rgb(106,105,106)
```
#726171
```
#726171 rgb(114,97,113)
```
#7a5979
```
#7a5979 rgb(122,89,121)
```
#825181
```
#825181 rgb(130,81,129)
```
#8a4988
```
#8a4988 rgb(138,73,136)
```
#924190
```
#924190 rgb(146,65,144)
```
#9b3898
```
#9b3898 rgb(155,56,152)
```
#a3309f
```
#a3309f rgb(163,48,159)
```
#ab28a7
```
#ab28a7 rgb(171,40,167)
```
#b320ae
```
#b320ae rgb(179,32,174)
```
#bb18b6
```
#bb18b6 rgb(187,24,182)
```
#c310be
```
#c310be rgb(195,16,190)
```
#cb08c5
```
#cb08c5 rgb(203,8,197)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed9 Protanopia 1% of men
#5472a9 Deuteranopia 1% of men
#b35358 Tritanopia 0.001% of the population

Trichromacy

#444fcc Protanomaly 1% of men, 0.01% of women
#7951ad Deuteranomaly 6% of men, 0.4% of women
#b63d7a Tritanomaly 0.01% of the population

#bb18b6 hex color

#bb18b6 Color Information

#bb18b6 Color Conversion

Color Schemes with #bb18b6

Alternatives to #bb18b6

#bb18b6 Preview

Shades and Tints of #bb18b6

Tones of #bb18b6

Color Blindness Simulator