#bb558f hex color

In a RGB color space, hex #bb558f is composed of 73.3% red, 33.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 325.9 degrees, a saturation of 42.9% and a lightness of 53.3%. #bb558f color hex could be obtained by blending #ffaaff with #77001f. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 33
- B 56
RGB color chart
- C 0
- M 55
- Y 24
- K 27
CMYK color chart

● #bb558f color description : Moderate pink.

The hexadecimal color #bb558f has RGB values of R:187, G:85, B:143 and CMYK values of C:0, M:0.55, Y:0.24, K:0.27. Its decimal value is 12277135.

Hex triplet	bb558f	`#bb558f`
RGB Decimal	187, 85, 143	`rgb(187,85,143)`
RGB Percent	73.3, 33.3, 56.1	`rgb(73.3%,33.3%,56.1%)`
CMYK	0, 55, 24, 27
HSL	325.9°, 42.9, 53.3	`hsl(325.9,42.9%,53.3%)`
HSV (or HSB)	325.9°, 54.5, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	50.742, 47.761, -12.337
XYZ	28.7, 19.047, 28.15
xyY	0.378, 0.251, 19.047
CIE-LCH	50.742, 49.328, 345.516
CIE-LUV	50.742, 59.358, -25.429
Hunter-Lab	43.643, 41.008, -7.693
Binary	10111011, 01010101, 10001111

#bb558f
```
#bb558f rgb(187,85,143)
```
#55bb81
```
#55bb81 rgb(85,187,129)
```

Complementary Color

#b455bb
```
#b455bb rgb(180,85,187)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#bb555c
```
#bb555c rgb(187,85,92)
```

Analogous Color

#55bbb4
```
#55bbb4 rgb(85,187,180)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#5cbb55
```
#5cbb55 rgb(92,187,85)
```

Split Complementary Color

#558fbb
```
#558fbb rgb(85,143,187)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#8fbb55
```
#8fbb55 rgb(143,187,85)
```

Triadic Color

#8155bb
```
#8155bb rgb(129,85,187)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#8fbb55
```
#8fbb55 rgb(143,187,85)
```
#55bb81
```
#55bb81 rgb(85,187,129)
```

Tetradic Color

#8c3868
```
#8c3868 rgb(140,56,104)
```
#9e3f75
```
#9e3f75 rgb(158,63,117)
```
#b04683
```
#b04683 rgb(176,70,131)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#c2679b
```
#c2679b rgb(194,103,155)
```
#ca79a7
```
#ca79a7 rgb(202,121,167)
```
#d18cb3
```
#d18cb3 rgb(209,140,179)
```

Monochromatic Color

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

#bb55a9
```
#bb55a9 rgb(187,85,169)
```
#bb55a0
```
#bb55a0 rgb(187,85,160)
```
#bb5598
```
#bb5598 rgb(187,85,152)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#bb5587
```
#bb5587 rgb(187,85,135)
```
#bb557e
```
#bb557e rgb(187,85,126)
```
#bb5576
```
#bb5576 rgb(187,85,118)
```

Similar Colors

Text with hexadecimal color #bb558f

This text has a font color of #bb558f.

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

#bb558f background color

This paragraph has a background color of #bb558f.

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

#bb558f border color

This element has a border color of #bb558f.

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

CSS codes

.text {color:#bb558f;}

.background {background-color:#bb558f;}

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

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

#0c0509
```
#0c0509 rgb(12,5,9)
```
#1a0a13
```
#1a0a13 rgb(26,10,19)
```
#28101e
```
#28101e rgb(40,16,30)
```
#361628
```
#361628 rgb(54,22,40)
```
#441b33
```
#441b33 rgb(68,27,51)
```
#52213d
```
#52213d rgb(82,33,61)
```
#602647
```
#602647 rgb(96,38,71)
```
#6e2c52
```
#6e2c52 rgb(110,44,82)
```
#7c325c
```
#7c325c rgb(124,50,92)
```
#8a3766
```
#8a3766 rgb(138,55,102)
```
#983d71
```
#983d71 rgb(152,61,113)
```
#a6437b
```
#a6437b rgb(166,67,123)
```
#b44886
```
#b44886 rgb(180,72,134)
```

Shade Color Variation

#bb558f
```
#bb558f rgb(187,85,143)
```
#c16398
```
#c16398 rgb(193,99,152)
```
#c671a1
```
#c671a1 rgb(198,113,161)
```
#cc7fab
```
#cc7fab rgb(204,127,171)
```
#d18db4
```
#d18db4 rgb(209,141,180)
```
#d79bbd
```
#d79bbd rgb(215,155,189)
```
#dda9c6
```
#dda9c6 rgb(221,169,198)
```
#e2b7d0
```
#e2b7d0 rgb(226,183,208)
```
#e8c5d9
```
#e8c5d9 rgb(232,197,217)
```
#edd3e2
```
#edd3e2 rgb(237,211,226)
```
#f3e1eb
```
#f3e1eb rgb(243,225,235)
```
#f9eff5
```
#f9eff5 rgb(249,239,245)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#8d8389
```
#8d8389 rgb(141,131,137)
```
#967a8a
```
#967a8a rgb(150,122,138)
```
#a0708b
```
#a0708b rgb(160,112,139)
```
#a9678c
```
#a9678c rgb(169,103,140)
```
#b25e8e
```
#b25e8e rgb(178,94,142)
```
#bb558f
```
#bb558f rgb(187,85,143)
```
#c44c90
```
#c44c90 rgb(196,76,144)
```
#cd4392
```
#cd4392 rgb(205,67,146)
```
#d63a93
```
#d63a93 rgb(214,58,147)
```
#e03094
```
#e03094 rgb(224,48,148)
```
#e92795
```
#e92795 rgb(233,39,149)
```
#f21e97
```
#f21e97 rgb(242,30,151)
```
#fb1598
```
#fb1598 rgb(251,21,152)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#87737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#727ea8 Protanopia 1% of men
#857c8c Deuteranopia 1% of men
#ba666d Tritanopia 0.001% of the population

Trichromacy

#8c6f9f Protanomaly 1% of men, 0.01% of women
#986e8d Deuteranomaly 6% of men, 0.4% of women
#ba6079 Tritanomaly 0.01% of the population

#bb558f hex color

#bb558f Color Information

#bb558f Color Conversion

Color Schemes with #bb558f

Alternatives to #bb558f

#bb558f Preview

Shades and Tints of #bb558f

Tones of #bb558f

Color Blindness Simulator