#bb1580 hex color

In a RGB color space, hex #bb1580 is composed of 73.3% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.8% magenta, 31.6% yellow and 26.7% black. It has a hue angle of 321.3 degrees, a saturation of 79.8% and a lightness of 40.8%. #bb1580 color hex could be obtained by blending #ff2aff with #770001. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 73
- G 8
- B 50
RGB color chart
- C 0
- M 89
- Y 32
- K 27
CMYK color chart

● #bb1580 color description : Strong pink.

The hexadecimal color #bb1580 has RGB values of R:187, G:21, B:128 and CMYK values of C:0, M:0.89, Y:0.32, K:0.27. Its decimal value is 12260736.

Hex triplet	bb1580	`#bb1580`
RGB Decimal	187, 21, 128	`rgb(187,21,128)`
RGB Percent	73.3, 8.2, 50.2	`rgb(73.3%,8.2%,50.2%)`
CMYK	0, 89, 32, 27
HSL	321.3°, 79.8, 40.8	`hsl(321.3,79.8%,40.8%)`
HSV (or HSB)	321.3°, 88.8, 73.3
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.25, 67.817, -16.153
XYZ	24.658, 12.662, 21.566
xyY	0.419, 0.215, 12.662
CIE-LCH	42.25, 69.714, 346.603
CIE-LUV	42.25, 85.308, -33.122
Hunter-Lab	35.584, 61.423, -11.025
Binary	10111011, 00010101, 10000000

#bb1580
```
#bb1580 rgb(187,21,128)
```
#15bb50
```
#15bb50 rgb(21,187,80)
```

Complementary Color

#a315bb
```
#a315bb rgb(163,21,187)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#bb152d
```
#bb152d rgb(187,21,45)
```

Analogous Color

#15bba3
```
#15bba3 rgb(21,187,163)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#2dbb15
```
#2dbb15 rgb(45,187,21)
```

Split Complementary Color

#1580bb
```
#1580bb rgb(21,128,187)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#80bb15
```
#80bb15 rgb(128,187,21)
```

Triadic Color

#5015bb
```
#5015bb rgb(80,21,187)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#80bb15
```
#80bb15 rgb(128,187,21)
```
#15bb50
```
#15bb50 rgb(21,187,80)
```

Tetradic Color

#760d51
```
#760d51 rgb(118,13,81)
```
#8d1061
```
#8d1061 rgb(141,16,97)
```
#a41270
```
#a41270 rgb(164,18,112)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#d21890
```
#d21890 rgb(210,24,144)
```
#e61d9e
```
#e61d9e rgb(230,29,158)
```
#e834a8
```
#e834a8 rgb(232,52,168)
```

Monochromatic Color

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

#bb15aa
```
#bb15aa rgb(187,21,170)
```
#bb159c
```
#bb159c rgb(187,21,156)
```
#bb158e
```
#bb158e rgb(187,21,142)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#bb1572
```
#bb1572 rgb(187,21,114)
```
#bb1564
```
#bb1564 rgb(187,21,100)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```

Similar Colors

Text with hexadecimal color #bb1580

This text has a font color of #bb1580.

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

#bb1580 background color

This paragraph has a background color of #bb1580.

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

#bb1580 border color

This element has a border color of #bb1580.

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

CSS codes

.text {color:#bb1580;}

.background {background-color:#bb1580;}

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

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

#0b0107
```
#0b0107 rgb(11,1,7)
```
#1c0313
```
#1c0313 rgb(28,3,19)
```
#2e051f
```
#2e051f rgb(46,5,31)
```
#40072c
```
#40072c rgb(64,7,44)
```
#510938
```
#510938 rgb(81,9,56)
```
#630b44
```
#630b44 rgb(99,11,68)
```
#740d50
```
#740d50 rgb(116,13,80)
```
#860f5c
```
#860f5c rgb(134,15,92)
```
#981168
```
#981168 rgb(152,17,104)
```
#a91374
```
#a91374 rgb(169,19,116)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#cd178c
```
#cd178c rgb(205,23,140)
```
#de1998
```
#de1998 rgb(222,25,152)
```

Shade Color Variation

#e624a1
```
#e624a1 rgb(230,36,161)
```
#e836a9
```
#e836a9 rgb(232,54,169)
```
#ea48b1
```
#ea48b1 rgb(234,72,177)
```
#ec59b8
```
#ec59b8 rgb(236,89,184)
```
#ee6bc0
```
#ee6bc0 rgb(238,107,192)
```
#f07dc7
```
#f07dc7 rgb(240,125,199)
```
#f28ecf
```
#f28ecf rgb(242,142,207)
```
#f4a0d6
```
#f4a0d6 rgb(244,160,214)
```
#f6b1de
```
#f6b1de rgb(246,177,222)
```
#f8c3e5
```
#f8c3e5 rgb(248,195,229)
```
#fad5ed
```
#fad5ed rgb(250,213,237)
```
#fce6f4
```
#fce6f4 rgb(252,230,244)
```
#fef8fc
```
#fef8fc rgb(254,248,252)
```

Tint Color Variation

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

#6b6569
```
#6b6569 rgb(107,101,105)
```
#735d6b
```
#735d6b rgb(115,93,107)
```
#7b556d
```
#7b556d rgb(123,85,109)
```
#834d70
```
#834d70 rgb(131,77,112)
```
#8b4572
```
#8b4572 rgb(139,69,114)
```
#933d74
```
#933d74 rgb(147,61,116)
```
#9b3577
```
#9b3577 rgb(155,53,119)
```
#a32d79
```
#a32d79 rgb(163,45,121)
```
#ab257b
```
#ab257b rgb(171,37,123)
```
#b31d7e
```
#b31d7e rgb(179,29,126)
```
#bb1580
```
#bb1580 rgb(187,21,128)
```
#c30d82
```
#c30d82 rgb(195,13,130)
```
#cb0585
```
#cb0585 rgb(203,5,133)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#68475c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a69af Protanopia 1% of men
#6e697a Deuteranopia 1% of men
#b93e41 Tritanopia 0.001% of the population

Trichromacy

#734a9d Protanomaly 1% of men, 0.01% of women
#8a4a7c Deuteranomaly 6% of men, 0.4% of women
#ba2f58 Tritanomaly 0.01% of the population

#bb1580 hex color

#bb1580 Color Information

#bb1580 Color Conversion

Color Schemes with #bb1580

Alternatives to #bb1580

#bb1580 Preview

Shades and Tints of #bb1580

Tones of #bb1580

Color Blindness Simulator