#bb5574 hex color

In a RGB color space, hex #bb5574 is composed of 73.3% red, 33.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 38% yellow and 26.7% black. It has a hue angle of 341.8 degrees, a saturation of 42.9% and a lightness of 53.3%. #bb5574 color hex could be obtained by blending #ffaae8 with #770000. Closest websafe color is: #cc6666.

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

● #bb5574 color description : Moderate pink.

The hexadecimal color #bb5574 has RGB values of R:187, G:85, B:116 and CMYK values of C:0, M:0.55, Y:0.38, K:0.27. Its decimal value is 12277108.

Hex triplet	bb5574	`#bb5574`
RGB Decimal	187, 85, 116	`rgb(187,85,116)`
RGB Percent	73.3, 33.3, 45.5	`rgb(73.3%,33.3%,45.5%)`
CMYK	0, 55, 38, 27
HSL	341.8°, 42.9, 53.3	`hsl(341.8,42.9%,53.3%)`
HSV (or HSB)	341.8°, 54.5, 73.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.888, 44.257, 2.543
XYZ	26.895, 18.325, 18.643
xyY	0.421, 0.287, 18.325
CIE-LCH	49.888, 44.33, 3.288
CIE-LUV	49.888, 66.745, -4.711
Hunter-Lab	42.808, 37.233, 4.145
Binary	10111011, 01010101, 01110100

#bb5574
```
#bb5574 rgb(187,85,116)
```
#55bb9c
```
#55bb9c rgb(85,187,156)
```

Complementary Color

#bb55a7
```
#bb55a7 rgb(187,85,167)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#bb6955
```
#bb6955 rgb(187,105,85)
```

Analogous Color

#55a7bb
```
#55a7bb rgb(85,167,187)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#55bb69
```
#55bb69 rgb(85,187,105)
```

Split Complementary Color

#5574bb
```
#5574bb rgb(85,116,187)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#74bb55
```
#74bb55 rgb(116,187,85)
```

Triadic Color

#9c55bb
```
#9c55bb rgb(156,85,187)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#74bb55
```
#74bb55 rgb(116,187,85)
```
#55bb9c
```
#55bb9c rgb(85,187,156)
```

Tetradic Color

#8c3851
```
#8c3851 rgb(140,56,81)
```
#9e3f5c
```
#9e3f5c rgb(158,63,92)
```
#b04667
```
#b04667 rgb(176,70,103)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#c26783
```
#c26783 rgb(194,103,131)
```
#ca7992
```
#ca7992 rgb(202,121,146)
```
#d18ca1
```
#d18ca1 rgb(209,140,161)
```

Monochromatic Color

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

#bb558e
```
#bb558e rgb(187,85,142)
```
#bb5585
```
#bb5585 rgb(187,85,133)
```
#bb557d
```
#bb557d rgb(187,85,125)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#bb556c
```
#bb556c rgb(187,85,108)
```
#bb5563
```
#bb5563 rgb(187,85,99)
```
#bb555b
```
#bb555b rgb(187,85,91)
```

Similar Colors

Text with hexadecimal color #bb5574

This text has a font color of #bb5574.

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

#bb5574 background color

This paragraph has a background color of #bb5574.

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

#bb5574 border color

This element has a border color of #bb5574.

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

CSS codes

.text {color:#bb5574;}

.background {background-color:#bb5574;}

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

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

#0c0507
```
#0c0507 rgb(12,5,7)
```
#1a0a0f
```
#1a0a0f rgb(26,10,15)
```
#281017
```
#281017 rgb(40,16,23)
```
#361620
```
#361620 rgb(54,22,32)
```
#441b28
```
#441b28 rgb(68,27,40)
```
#522130
```
#522130 rgb(82,33,48)
```
#602638
```
#602638 rgb(96,38,56)
```
#6e2c40
```
#6e2c40 rgb(110,44,64)
```
#7c3248
```
#7c3248 rgb(124,50,72)
```
#8a3751
```
#8a3751 rgb(138,55,81)
```
#983d59
```
#983d59 rgb(152,61,89)
```
#a64361
```
#a64361 rgb(166,67,97)
```
#b44869
```
#b44869 rgb(180,72,105)
```

Shade Color Variation

#bb5574
```
#bb5574 rgb(187,85,116)
```
#c1637f
```
#c1637f rgb(193,99,127)
```
#c6718b
```
#c6718b rgb(198,113,139)
```
#cc7f96
```
#cc7f96 rgb(204,127,150)
```
#d18da2
```
#d18da2 rgb(209,141,162)
```
#d79bad
```
#d79bad rgb(215,155,173)
```
#dda9b9
```
#dda9b9 rgb(221,169,185)
```
#e2b7c4
```
#e2b7c4 rgb(226,183,196)
```
#e8c5d0
```
#e8c5d0 rgb(232,197,208)
```
#edd3db
```
#edd3db rgb(237,211,219)
```
#f3e1e7
```
#f3e1e7 rgb(243,225,231)
```
#f9eff2
```
#f9eff2 rgb(249,239,242)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#8d8386
```
#8d8386 rgb(141,131,134)
```
#967a82
```
#967a82 rgb(150,122,130)
```
#a0707f
```
#a0707f rgb(160,112,127)
```
#a9677b
```
#a9677b rgb(169,103,123)
```
#b25e78
```
#b25e78 rgb(178,94,120)
```
#bb5574
```
#bb5574 rgb(187,85,116)
```
#c44c70
```
#c44c70 rgb(196,76,112)
```
#cd436d
```
#cd436d rgb(205,67,109)
```
#d63a69
```
#d63a69 rgb(214,58,105)
```
#e03066
```
#e03066 rgb(224,48,102)
```
#e92762
```
#e92762 rgb(233,39,98)
```
#f21e5e
```
#f21e5e rgb(242,30,94)
```
#fb155b
```
#fb155b rgb(251,21,91)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#857076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7c8b Protanopia 1% of men
#8c7974 Deuteranopia 1% of men
#bc6167 Tritanopia 0.001% of the population

Trichromacy

#926e82 Protanomaly 1% of men, 0.01% of women
#9d6c74 Deuteranomaly 6% of men, 0.4% of women
#bc5d6c Tritanomaly 0.01% of the population

#bb5574 hex color

#bb5574 Color Information

#bb5574 Color Conversion

Color Schemes with #bb5574

Alternatives to #bb5574

#bb5574 Preview

Shades and Tints of #bb5574

Tones of #bb5574

Color Blindness Simulator