#bb18bf hex color

In a RGB color space, hex #bb18bf is composed of 73.3% red, 9.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 87.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 298.6 degrees, a saturation of 77.7% and a lightness of 42.2%. #bb18bf color hex could be obtained by blending #ff30ff with #77007f. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 75
RGB color chart
- C 2
- M 87
- Y 0
- K 25
CMYK color chart

● #bb18bf color description : Strong magenta.

The hexadecimal color #bb18bf has RGB values of R:187, G:24, B:191 and CMYK values of C:0.02, M:0.87, Y:0, K:0.25. Its decimal value is 12261567.

Hex triplet	bb18bf	`#bb18bf`
RGB Decimal	187, 24, 191	`rgb(187,24,191)`
RGB Percent	73.3, 9.4, 74.9	`rgb(73.3%,9.4%,74.9%)`
CMYK	2, 87, 0, 25
HSL	298.6°, 77.7, 42.2	`hsl(298.6,77.7%,42.2%)`
HSV (or HSB)	298.6°, 87.4, 74.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.609, 75.719, -48.68
XYZ	30.223, 14.982, 50.587
xyY	0.316, 0.156, 14.982
CIE-LCH	45.609, 90.017, 327.263
CIE-LUV	45.609, 58.941, -81.117
Hunter-Lab	38.706, 71.645, -50.395
Binary	10111011, 00011000, 10111111

#bb18bf
```
#bb18bf rgb(187,24,191)
```
#1cbf18
```
#1cbf18 rgb(28,191,24)
```

Complementary Color

#6818bf
```
#6818bf rgb(104,24,191)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#bf1870
```
#bf1870 rgb(191,24,112)
```

Analogous Color

#18bf68
```
#18bf68 rgb(24,191,104)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#70bf18
```
#70bf18 rgb(112,191,24)
```

Split Complementary Color

#18bfbb
```
#18bfbb rgb(24,191,187)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#bfbb18
```
#bfbb18 rgb(191,187,24)
```

Triadic Color

#181cbf
```
#181cbf rgb(24,28,191)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#bfbb18
```
#bfbb18 rgb(191,187,24)
```
#1cbf18
```
#1cbf18 rgb(28,191,24)
```

Tetradic Color

#780f7b
```
#780f7b rgb(120,15,123)
```
#8f1292
```
#8f1292 rgb(143,18,146)
```
#a515a8
```
#a515a8 rgb(165,21,168)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#d11bd6
```
#d11bd6 rgb(209,27,214)
```
#df26e4
```
#df26e4 rgb(223,38,228)
```
#e33de7
```
#e33de7 rgb(227,61,231)
```

Monochromatic Color

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

#9118bf
```
#9118bf rgb(145,24,191)
```
#9f18bf
```
#9f18bf rgb(159,24,191)
```
#ad18bf
```
#ad18bf rgb(173,24,191)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#bf18b5
```
#bf18b5 rgb(191,24,181)
```
#bf18a7
```
#bf18a7 rgb(191,24,167)
```
#bf1899
```
#bf1899 rgb(191,24,153)
```

Similar Colors

Text with hexadecimal color #bb18bf

This text has a font color of #bb18bf.

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

#bb18bf background color

This paragraph has a background color of #bb18bf.

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

#bb18bf border color

This element has a border color of #bb18bf.

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

CSS codes

.text {color:#bb18bf;}

.background {background-color:#bb18bf;}

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

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

#100211
```
#100211 rgb(16,2,17)
```
#210422
```
#210422 rgb(33,4,34)
```
#330634
```
#330634 rgb(51,6,52)
```
#440945
```
#440945 rgb(68,9,69)
```
#550b56
```
#550b56 rgb(85,11,86)
```
#660d68
```
#660d68 rgb(102,13,104)
```
#770f79
```
#770f79 rgb(119,15,121)
```
#88118b
```
#88118b rgb(136,17,139)
```
#99149c
```
#99149c rgb(153,20,156)
```
#aa16ae
```
#aa16ae rgb(170,22,174)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#cc1ad0
```
#cc1ad0 rgb(204,26,208)
```
#dd1ce2
```
#dd1ce2 rgb(221,28,226)
```

Shade Color Variation

#e02de5
```
#e02de5 rgb(224,45,229)
```
#e33fe7
```
#e33fe7 rgb(227,63,231)
```
#e550e9
```
#e550e9 rgb(229,80,233)
```
#e861eb
```
#e861eb rgb(232,97,235)
```
#ea73ed
```
#ea73ed rgb(234,115,237)
```
#ed84f0
```
#ed84f0 rgb(237,132,240)
```
#f096f2
```
#f096f2 rgb(240,150,242)
```
#f2a7f4
```
#f2a7f4 rgb(242,167,244)
```
#f5b9f6
```
#f5b9f6 rgb(245,185,246)
```
#f7caf8
```
#f7caf8 rgb(247,202,248)
```
#fadbfb
```
#fadbfb rgb(250,219,251)
```
#fcedfd
```
#fcedfd rgb(252,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6c6b6c
```
#6c6b6c rgb(108,107,108)
```
#746275
```
#746275 rgb(116,98,117)
```
#7c5a7d
```
#7c5a7d rgb(124,90,125)
```
#845285
```
#845285 rgb(132,82,133)
```
#8c4a8d
```
#8c4a8d rgb(140,74,141)
```
#944196
```
#944196 rgb(148,65,150)
```
#9c399e
```
#9c399e rgb(156,57,158)
```
#a331a6
```
#a331a6 rgb(163,49,166)
```
#ab29ae
```
#ab29ae rgb(171,41,174)
```
#b320b7
```
#b320b7 rgb(179,32,183)
```
#bb18bf
```
#bb18bf rgb(187,24,191)
```
#c310c7
```
#c310c7 rgb(195,16,199)
```
#cb07d0
```
#cb07d0 rgb(203,7,208)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f4e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#4d73b0 Deuteranopia 1% of men
#b1565c Tritanopia 0.001% of the population

Trichromacy

#4450d0 Protanomaly 1% of men, 0.01% of women
#7552b6 Deuteranomaly 6% of men, 0.4% of women
#b54080 Tritanomaly 0.01% of the population

#bb18bf hex color

#bb18bf Color Information

#bb18bf Color Conversion

Color Schemes with #bb18bf

Alternatives to #bb18bf

#bb18bf Preview

Shades and Tints of #bb18bf

Tones of #bb18bf

Color Blindness Simulator