#bb558d hex color

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

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

● #bb558d color description : Moderate pink.

The hexadecimal color #bb558d has RGB values of R:187, G:85, B:141 and CMYK values of C:0, M:0.55, Y:0.25, K:0.27. Its decimal value is 12277133.

Hex triplet	bb558d	`#bb558d`
RGB Decimal	187, 85, 141	`rgb(187,85,141)`
RGB Percent	73.3, 33.3, 55.3	`rgb(73.3%,33.3%,55.3%)`
CMYK	0, 55, 25, 27
HSL	327.1°, 42.9, 53.3	`hsl(327.1,42.9%,53.3%)`
HSV (or HSB)	327.1°, 54.5, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	50.672, 47.477, -11.254
XYZ	28.55, 18.987, 27.359
xyY	0.381, 0.254, 18.987
CIE-LCH	50.672, 48.793, 346.665
CIE-LUV	50.672, 59.917, -23.842
Hunter-Lab	43.574, 40.699, -6.725
Binary	10111011, 01010101, 10001101

#bb558d
```
#bb558d rgb(187,85,141)
```
#55bb83
```
#55bb83 rgb(85,187,131)
```

Complementary Color

#b655bb
```
#b655bb rgb(182,85,187)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#bb555a
```
#bb555a rgb(187,85,90)
```

Analogous Color

#55bbb6
```
#55bbb6 rgb(85,187,182)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#5abb55
```
#5abb55 rgb(90,187,85)
```

Split Complementary Color

#558dbb
```
#558dbb rgb(85,141,187)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#8dbb55
```
#8dbb55 rgb(141,187,85)
```

Triadic Color

#8355bb
```
#8355bb rgb(131,85,187)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#8dbb55
```
#8dbb55 rgb(141,187,85)
```
#55bb83
```
#55bb83 rgb(85,187,131)
```

Tetradic Color

#8c3866
```
#8c3866 rgb(140,56,102)
```
#9e3f73
```
#9e3f73 rgb(158,63,115)
```
#b04680
```
#b04680 rgb(176,70,128)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#c26799
```
#c26799 rgb(194,103,153)
```
#ca79a5
```
#ca79a5 rgb(202,121,165)
```
#d18cb2
```
#d18cb2 rgb(209,140,178)
```

Monochromatic Color

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

#bb55a7
```
#bb55a7 rgb(187,85,167)
```
#bb559e
```
#bb559e rgb(187,85,158)
```
#bb5596
```
#bb5596 rgb(187,85,150)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#bb5585
```
#bb5585 rgb(187,85,133)
```
#bb557c
```
#bb557c rgb(187,85,124)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```

Similar Colors

Text with hexadecimal color #bb558d

This text has a font color of #bb558d.

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

#bb558d background color

This paragraph has a background color of #bb558d.

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

#bb558d border color

This element has a border color of #bb558d.

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

CSS codes

.text {color:#bb558d;}

.background {background-color:#bb558d;}

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

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)
```
#28101d
```
#28101d rgb(40,16,29)
```
#361628
```
#361628 rgb(54,22,40)
```
#441b32
```
#441b32 rgb(68,27,50)
```
#52213c
```
#52213c rgb(82,33,60)
```
#602646
```
#602646 rgb(96,38,70)
```
#6e2c50
```
#6e2c50 rgb(110,44,80)
```
#7c325b
```
#7c325b rgb(124,50,91)
```
#8a3765
```
#8a3765 rgb(138,55,101)
```
#983d6f
```
#983d6f rgb(152,61,111)
```
#a64379
```
#a64379 rgb(166,67,121)
```
#b44883
```
#b44883 rgb(180,72,131)
```

Shade Color Variation

#bb558d
```
#bb558d rgb(187,85,141)
```
#c16396
```
#c16396 rgb(193,99,150)
```
#c671a0
```
#c671a0 rgb(198,113,160)
```
#cc7fa9
```
#cc7fa9 rgb(204,127,169)
```
#d18db3
```
#d18db3 rgb(209,141,179)
```
#d79bbc
```
#d79bbc rgb(215,155,188)
```
#dda9c5
```
#dda9c5 rgb(221,169,197)
```
#e2b7cf
```
#e2b7cf rgb(226,183,207)
```
#e8c5d8
```
#e8c5d8 rgb(232,197,216)
```
#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 #fb1593 is the most saturated one.

#8d8389
```
#8d8389 rgb(141,131,137)
```
#967a89
```
#967a89 rgb(150,122,137)
```
#a0708a
```
#a0708a rgb(160,112,138)
```
#a9678b
```
#a9678b rgb(169,103,139)
```
#b25e8c
```
#b25e8c rgb(178,94,140)
```
#bb558d
```
#bb558d rgb(187,85,141)
```
#c44c8e
```
#c44c8e rgb(196,76,142)
```
#cd438f
```
#cd438f rgb(205,67,143)
```
#d63a90
```
#d63a90 rgb(214,58,144)
```
#e03091
```
#e03091 rgb(224,48,145)
```
#e92791
```
#e92791 rgb(233,39,145)
```
#f21e92
```
#f21e92 rgb(242,30,146)
```
#fb1593
```
#fb1593 rgb(251,21,147)
```

Tone Color Variation

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

#737ea6 Protanopia 1% of men
#857c8b Deuteranopia 1% of men
#ba666c Tritanopia 0.001% of the population

Trichromacy

#8d6f9d Protanomaly 1% of men, 0.01% of women
#996e8b Deuteranomaly 6% of men, 0.4% of women
#ba6078 Tritanomaly 0.01% of the population

#bb558d hex color

#bb558d Color Information

#bb558d Color Conversion

Color Schemes with #bb558d

Alternatives to #bb558d

#bb558d Preview

Shades and Tints of #bb558d

Tones of #bb558d

Color Blindness Simulator