#bb2586 hex color

In a RGB color space, hex #bb2586 is composed of 73.3% red, 14.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 28.3% yellow and 26.7% black. It has a hue angle of 321.2 degrees, a saturation of 67% and a lightness of 43.9%. #bb2586 color hex could be obtained by blending #ff4aff with #77000d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 15
- B 53
RGB color chart
- C 0
- M 80
- Y 28
- K 27
CMYK color chart

● #bb2586 color description : Strong pink.

The hexadecimal color #bb2586 has RGB values of R:187, G:37, B:134 and CMYK values of C:0, M:0.8, Y:0.28, K:0.27. Its decimal value is 12264838.

Hex triplet	bb2586	`#bb2586`
RGB Decimal	187, 37, 134	`rgb(187,37,134)`
RGB Percent	73.3, 14.5, 52.5	`rgb(73.3%,14.5%,52.5%)`
CMYK	0, 80, 28, 27
HSL	321.2°, 67, 43.9	`hsl(321.2,67%,43.9%)`
HSV (or HSB)	321.2°, 80.2, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	43.671, 65.105, -17.663
XYZ	25.458, 13.612, 23.84
xyY	0.405, 0.216, 13.612
CIE-LCH	43.671, 67.458, 344.821
CIE-LUV	43.671, 79.656, -34.943
Hunter-Lab	36.894, 58.609, -12.486
Binary	10111011, 00100101, 10000110

#bb2586
```
#bb2586 rgb(187,37,134)
```
#25bb5a
```
#25bb5a rgb(37,187,90)
```

Complementary Color

#a525bb
```
#a525bb rgb(165,37,187)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#bb253b
```
#bb253b rgb(187,37,59)
```

Analogous Color

#25bba5
```
#25bba5 rgb(37,187,165)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#3bbb25
```
#3bbb25 rgb(59,187,37)
```

Split Complementary Color

#2586bb
```
#2586bb rgb(37,134,187)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#86bb25
```
#86bb25 rgb(134,187,37)
```

Triadic Color

#5a25bb
```
#5a25bb rgb(90,37,187)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#86bb25
```
#86bb25 rgb(134,187,37)
```
#25bb5a
```
#25bb5a rgb(37,187,90)
```

Tetradic Color

#7b1858
```
#7b1858 rgb(123,24,88)
```
#901d67
```
#901d67 rgb(144,29,103)
```
#a62177
```
#a62177 rgb(166,33,119)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#d02995
```
#d02995 rgb(208,41,149)
```
#d83ba1
```
#d83ba1 rgb(216,59,161)
```
#dc50ab
```
#dc50ab rgb(220,80,171)
```

Monochromatic Color

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

#bb25ac
```
#bb25ac rgb(187,37,172)
```
#bb259f
```
#bb259f rgb(187,37,159)
```
#bb2593
```
#bb2593 rgb(187,37,147)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#bb257a
```
#bb257a rgb(187,37,122)
```
#bb256d
```
#bb256d rgb(187,37,109)
```
#bb2561
```
#bb2561 rgb(187,37,97)
```

Similar Colors

Text with hexadecimal color #bb2586

This text has a font color of #bb2586.

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

#bb2586 background color

This paragraph has a background color of #bb2586.

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

#bb2586 border color

This element has a border color of #bb2586.

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

CSS codes

.text {color:#bb2586;}

.background {background-color:#bb2586;}

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

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

#070105
```
#070105 rgb(7,1,5)
```
#170511
```
#170511 rgb(23,5,17)
```
#28081c
```
#28081c rgb(40,8,28)
```
#380b28
```
#380b28 rgb(56,11,40)
```
#480e34
```
#480e34 rgb(72,14,52)
```
#591240
```
#591240 rgb(89,18,64)
```
#69154b
```
#69154b rgb(105,21,75)
```
#791857
```
#791857 rgb(121,24,87)
```
#8a1b63
```
#8a1b63 rgb(138,27,99)
```
#9a1f6f
```
#9a1f6f rgb(154,31,111)
```
#ab227a
```
#ab227a rgb(171,34,122)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#cb2892
```
#cb2892 rgb(203,40,146)
```

Shade Color Variation

#d6319c
```
#d6319c rgb(214,49,156)
```
#d941a4
```
#d941a4 rgb(217,65,164)
```
#dd52ac
```
#dd52ac rgb(221,82,172)
```
#e062b3
```
#e062b3 rgb(224,98,179)
```
#e372bb
```
#e372bb rgb(227,114,187)
```
#e683c3
```
#e683c3 rgb(230,131,195)
```
#ea93cb
```
#ea93cb rgb(234,147,203)
```
#eda4d3
```
#eda4d3 rgb(237,164,211)
```
#f0b4db
```
#f0b4db rgb(240,180,219)
```
#f3c4e3
```
#f3c4e3 rgb(243,196,227)
```
#f7d5eb
```
#f7d5eb rgb(247,213,235)
```
#fae5f3
```
#fae5f3 rgb(250,229,243)
```
#fdf5fa
```
#fdf5fa rgb(253,245,250)
```

Tint Color Variation

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

#766a72
```
#766a72 rgb(118,106,114)
```
#7f6174
```
#7f6174 rgb(127,97,116)
```
#875977
```
#875977 rgb(135,89,119)
```
#905079
```
#905079 rgb(144,80,121)
```
#99477c
```
#99477c rgb(153,71,124)
```
#a13f7e
```
#a13f7e rgb(161,63,126)
```
#aa3681
```
#aa3681 rgb(170,54,129)
```
#b22e83
```
#b22e83 rgb(178,46,131)
```
#bb2586
```
#bb2586 rgb(187,37,134)
```
#c41c89
```
#c41c89 rgb(196,28,137)
```
#cc148b
```
#cc148b rgb(204,20,139)
```
#d50b8e
```
#d50b8e rgb(213,11,142)
```
#dd0390
```
#dd0390 rgb(221,3,144)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#705265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506cb1 Protanopia 1% of men
#706c80 Deuteranopia 1% of men
#b9474b Tritanopia 0.001% of the population

Trichromacy

#7652a1 Protanomaly 1% of men, 0.01% of women
#8b5282 Deuteranomaly 6% of men, 0.4% of women
#b93a60 Tritanomaly 0.01% of the population

#bb2586 hex color

#bb2586 Color Information

#bb2586 Color Conversion

Color Schemes with #bb2586

Alternatives to #bb2586

#bb2586 Preview

Shades and Tints of #bb2586

Tones of #bb2586

Color Blindness Simulator