#bb558e hex color

In a RGB color space, hex #bb558e is composed of 73.3% red, 33.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 24.1% yellow and 26.7% black. It has a hue angle of 326.5 degrees, a saturation of 42.9% and a lightness of 53.3%. #bb558e color hex could be obtained by blending #ffaaff with #77001d. 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

● #bb558e color description : Moderate pink.

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

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

CIE-LAB	50.707, 47.618, -11.796
XYZ	28.625, 19.017, 27.753
xyY	0.38, 0.252, 19.017
CIE-LCH	50.707, 49.058, 346.087
CIE-LUV	50.707, 59.637, -24.635
Hunter-Lab	43.608, 40.853, -7.207
Binary	10111011, 01010101, 10001110

#bb558e
```
#bb558e rgb(187,85,142)
```
#55bb82
```
#55bb82 rgb(85,187,130)
```

Complementary Color

#b555bb
```
#b555bb rgb(181,85,187)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#bb555b
```
#bb555b rgb(187,85,91)
```

Analogous Color

#55bbb5
```
#55bbb5 rgb(85,187,181)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#5bbb55
```
#5bbb55 rgb(91,187,85)
```

Split Complementary Color

#558ebb
```
#558ebb rgb(85,142,187)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#8ebb55
```
#8ebb55 rgb(142,187,85)
```

Triadic Color

#8255bb
```
#8255bb rgb(130,85,187)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#8ebb55
```
#8ebb55 rgb(142,187,85)
```
#55bb82
```
#55bb82 rgb(85,187,130)
```

Tetradic Color

#8c3867
```
#8c3867 rgb(140,56,103)
```
#9e3f74
```
#9e3f74 rgb(158,63,116)
```
#b04681
```
#b04681 rgb(176,70,129)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#c2679a
```
#c2679a rgb(194,103,154)
```
#ca79a6
```
#ca79a6 rgb(202,121,166)
```
#d18cb2
```
#d18cb2 rgb(209,140,178)
```

Monochromatic Color

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

#bb55a8
```
#bb55a8 rgb(187,85,168)
```
#bb559f
```
#bb559f rgb(187,85,159)
```
#bb5597
```
#bb5597 rgb(187,85,151)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#bb5586
```
#bb5586 rgb(187,85,134)
```
#bb557d
```
#bb557d rgb(187,85,125)
```
#bb5575
```
#bb5575 rgb(187,85,117)
```

Similar Colors

Text with hexadecimal color #bb558e

This text has a font color of #bb558e.

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

#bb558e background color

This paragraph has a background color of #bb558e.

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

#bb558e border color

This element has a border color of #bb558e.

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

CSS codes

.text {color:#bb558e;}

.background {background-color:#bb558e;}

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

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)
```
#441b32
```
#441b32 rgb(68,27,50)
```
#52213c
```
#52213c rgb(82,33,60)
```
#602647
```
#602647 rgb(96,38,71)
```
#6e2c51
```
#6e2c51 rgb(110,44,81)
```
#7c325b
```
#7c325b rgb(124,50,91)
```
#8a3766
```
#8a3766 rgb(138,55,102)
```
#983d70
```
#983d70 rgb(152,61,112)
```
#a6437a
```
#a6437a rgb(166,67,122)
```
#b44885
```
#b44885 rgb(180,72,133)
```

Shade Color Variation

#bb558e
```
#bb558e rgb(187,85,142)
```
#c16397
```
#c16397 rgb(193,99,151)
```
#c671a1
```
#c671a1 rgb(198,113,161)
```
#cc7faa
```
#cc7faa rgb(204,127,170)
```
#d18db3
```
#d18db3 rgb(209,141,179)
```
#d79bbd
```
#d79bbd rgb(215,155,189)
```
#dda9c6
```
#dda9c6 rgb(221,169,198)
```
#e2b7cf
```
#e2b7cf rgb(226,183,207)
```
#e8c5d9
```
#e8c5d9 rgb(232,197,217)
```
#edd3e2
```
#edd3e2 rgb(237,211,226)
```
#f3e1eb
```
#f3e1eb rgb(243,225,235)
```
#f9eff4
```
#f9eff4 rgb(249,239,244)
```
#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 #fb1596 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)
```
#b25e8d
```
#b25e8d rgb(178,94,141)
```
#bb558e
```
#bb558e rgb(187,85,142)
```
#c44c8f
```
#c44c8f rgb(196,76,143)
```
#cd4390
```
#cd4390 rgb(205,67,144)
```
#d63a91
```
#d63a91 rgb(214,58,145)
```
#e03092
```
#e03092 rgb(224,48,146)
```
#e92793
```
#e92793 rgb(233,39,147)
```
#f21e94
```
#f21e94 rgb(242,30,148)
```
#fb1596
```
#fb1596 rgb(251,21,150)
```

Tone Color Variation

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

#737ea7 Protanopia 1% of men
#857c8b Deuteranopia 1% of men
#ba666d Tritanopia 0.001% of the population

Trichromacy

#8d6f9e Protanomaly 1% of men, 0.01% of women
#996e8c Deuteranomaly 6% of men, 0.4% of women
#ba6079 Tritanomaly 0.01% of the population

#bb558e hex color

#bb558e Color Information

#bb558e Color Conversion

Color Schemes with #bb558e

Alternatives to #bb558e

#bb558e Preview

Shades and Tints of #bb558e

Tones of #bb558e

Color Blindness Simulator