#bb2b99 hex color

In a RGB color space, hex #bb2b99 is composed of 73.3% red, 16.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 18.2% yellow and 26.7% black. It has a hue angle of 314.2 degrees, a saturation of 62.6% and a lightness of 45.1%. #bb2b99 color hex could be obtained by blending #ff56ff with #770033. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 17
- B 60
RGB color chart
- C 0
- M 77
- Y 18
- K 27
CMYK color chart

● #bb2b99 color description : Strong magenta.

The hexadecimal color #bb2b99 has RGB values of R:187, G:43, B:153 and CMYK values of C:0, M:0.77, Y:0.18, K:0.27. Its decimal value is 12266393.

Hex triplet	bb2b99	`#bb2b99`
RGB Decimal	187, 43, 153	`rgb(187,43,153)`
RGB Percent	73.3, 16.9, 60	`rgb(73.3%,16.9%,60%)`
CMYK	0, 77, 18, 27
HSL	314.2°, 62.6, 45.1	`hsl(314.2,62.6%,45.1%)`
HSV (or HSB)	314.2°, 77, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.074, 65.868, -27.01
XYZ	27.107, 14.595, 31.525
xyY	0.37, 0.199, 14.595
CIE-LCH	45.074, 71.191, 337.703
CIE-LUV	45.074, 70.611, -48.452
Hunter-Lab	38.203, 59.801, -22.183
Binary	10111011, 00101011, 10011001

#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#2bbb4d
```
#2bbb4d rgb(43,187,77)
```

Complementary Color

#952bbb
```
#952bbb rgb(149,43,187)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#bb2b51
```
#bb2b51 rgb(187,43,81)
```

Analogous Color

#2bbb95
```
#2bbb95 rgb(43,187,149)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#51bb2b
```
#51bb2b rgb(81,187,43)
```

Split Complementary Color

#2b99bb
```
#2b99bb rgb(43,153,187)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#99bb2b
```
#99bb2b rgb(153,187,43)
```

Triadic Color

#4d2bbb
```
#4d2bbb rgb(77,43,187)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#99bb2b
```
#99bb2b rgb(153,187,43)
```
#2bbb4d
```
#2bbb4d rgb(43,187,77)
```

Tetradic Color

#7d1d66
```
#7d1d66 rgb(125,29,102)
```
#922177
```
#922177 rgb(146,33,119)
```
#a62688
```
#a62688 rgb(166,38,136)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#cf30aa
```
#cf30aa rgb(207,48,170)
```
#d445b2
```
#d445b2 rgb(212,69,178)
```
#d95abb
```
#d95abb rgb(217,90,187)
```

Monochromatic Color

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

#b92bbb
```
#b92bbb rgb(185,43,187)
```
#bb2bb1
```
#bb2bb1 rgb(187,43,177)
```
#bb2ba5
```
#bb2ba5 rgb(187,43,165)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#bb2b8d
```
#bb2b8d rgb(187,43,141)
```
#bb2b81
```
#bb2b81 rgb(187,43,129)
```
#bb2b75
```
#bb2b75 rgb(187,43,117)
```

Similar Colors

Text with hexadecimal color #bb2b99

This text has a font color of #bb2b99.

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

#bb2b99 background color

This paragraph has a background color of #bb2b99.

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

#bb2b99 border color

This element has a border color of #bb2b99.

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

CSS codes

.text {color:#bb2b99;}

.background {background-color:#bb2b99;}

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

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

#0c0309
```
#0c0309 rgb(12,3,9)
```
#1c0617
```
#1c0617 rgb(28,6,23)
```
#2b0a24
```
#2b0a24 rgb(43,10,36)
```
#3b0e31
```
#3b0e31 rgb(59,14,49)
```
#4b113e
```
#4b113e rgb(75,17,62)
```
#5b154b
```
#5b154b rgb(91,21,75)
```
#6b1958
```
#6b1958 rgb(107,25,88)
```
#7b1c65
```
#7b1c65 rgb(123,28,101)
```
#8b2072
```
#8b2072 rgb(139,32,114)
```
#9b247f
```
#9b247f rgb(155,36,127)
```
#ab278c
```
#ab278c rgb(171,39,140)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#cb2fa6
```
#cb2fa6 rgb(203,47,166)
```

Shade Color Variation

#d23bae
```
#d23bae rgb(210,59,174)
```
#d64bb5
```
#d64bb5 rgb(214,75,181)
```
#d95bbc
```
#d95bbc rgb(217,91,188)
```
#dd6bc2
```
#dd6bc2 rgb(221,107,194)
```
#e17bc9
```
#e17bc9 rgb(225,123,201)
```
#e48bcf
```
#e48bcf rgb(228,139,207)
```
#e89bd6
```
#e89bd6 rgb(232,155,214)
```
#ecabdc
```
#ecabdc rgb(236,171,220)
```
#efbbe3
```
#efbbe3 rgb(239,187,227)
```
#f3cbe9
```
#f3cbe9 rgb(243,203,233)
```
#f7dbf0
```
#f7dbf0 rgb(247,219,240)
```
#faebf7
```
#faebf7 rgb(250,235,247)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#747274
```
#747274 rgb(116,114,116)
```
#7d6978
```
#7d6978 rgb(125,105,120)
```
#86607d
```
#86607d rgb(134,96,125)
```
#8f5782
```
#8f5782 rgb(143,87,130)
```
#984e86
```
#984e86 rgb(152,78,134)
```
#a0468b
```
#a0468b rgb(160,70,139)
```
#a93d90
```
#a93d90 rgb(169,61,144)
```
#b23494
```
#b23494 rgb(178,52,148)
```
#bb2b99
```
#bb2b99 rgb(187,43,153)
```
#c4229e
```
#c4229e rgb(196,34,158)
```
#cd19a2
```
#cd19a2 rgb(205,25,162)
```
#d610a7
```
#d610a7 rgb(214,16,167)
```
#de08ac
```
#de08ac rgb(222,8,172)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#75586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#436fc5 Protanopia 1% of men
#6b7091 Deuteranopia 1% of men
#b75054 Tritanopia 0.001% of the population

Trichromacy

#6e56b5 Protanomaly 1% of men, 0.01% of women
#885794 Deuteranomaly 6% of men, 0.4% of women
#b8426d Tritanomaly 0.01% of the population

#bb2b99 hex color

#bb2b99 Color Information

#bb2b99 Color Conversion

Color Schemes with #bb2b99

Alternatives to #bb2b99

#bb2b99 Preview

Shades and Tints of #bb2b99

Tones of #bb2b99

Color Blindness Simulator