#bb5697 hex color

In a RGB color space, hex #bb5697 is composed of 73.3% red, 33.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54% magenta, 19.3% yellow and 26.7% black. It has a hue angle of 321.4 degrees, a saturation of 42.6% and a lightness of 53.5%. #bb5697 color hex could be obtained by blending #ffacff with #77002f. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 34
- B 59
RGB color chart
- C 0
- M 54
- Y 19
- K 27
CMYK color chart

● #bb5697 color description : Moderate pink.

The hexadecimal color #bb5697 has RGB values of R:187, G:86, B:151 and CMYK values of C:0, M:0.54, Y:0.19, K:0.27. Its decimal value is 12277399.

Hex triplet	bb5697	`#bb5697`
RGB Decimal	187, 86, 151	`rgb(187,86,151)`
RGB Percent	73.3, 33.7, 59.2	`rgb(73.3%,33.7%,59.2%)`
CMYK	0, 54, 19, 27
HSL	321.4°, 42.6, 53.5	`hsl(321.4,42.6%,53.5%)`
HSV (or HSB)	321.4°, 54, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	51.217, 48.445, -16.36
XYZ	29.407, 19.457, 31.483
xyY	0.366, 0.242, 19.457
CIE-LCH	51.217, 51.133, 341.34
CIE-LUV	51.217, 56.675, -31.361
Hunter-Lab	44.11, 41.81, -11.441
Binary	10111011, 01010110, 10010111

#bb5697
```
#bb5697 rgb(187,86,151)
```
#56bb7a
```
#56bb7a rgb(86,187,122)
```

Complementary Color

#ad56bb
```
#ad56bb rgb(173,86,187)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#bb5665
```
#bb5665 rgb(187,86,101)
```

Analogous Color

#56bbad
```
#56bbad rgb(86,187,173)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#65bb56
```
#65bb56 rgb(101,187,86)
```

Split Complementary Color

#5697bb
```
#5697bb rgb(86,151,187)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#97bb56
```
#97bb56 rgb(151,187,86)
```

Triadic Color

#7a56bb
```
#7a56bb rgb(122,86,187)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#97bb56
```
#97bb56 rgb(151,187,86)
```
#56bb7a
```
#56bb7a rgb(86,187,122)
```

Tetradic Color

#8c386e
```
#8c386e rgb(140,56,110)
```
#9e407d
```
#9e407d rgb(158,64,125)
```
#b0478b
```
#b0478b rgb(176,71,139)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#c268a2
```
#c268a2 rgb(194,104,162)
```
#ca7aad
```
#ca7aad rgb(202,122,173)
```
#d18db9
```
#d18db9 rgb(209,141,185)
```

Monochromatic Color

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

#bb56b0
```
#bb56b0 rgb(187,86,176)
```
#bb56a8
```
#bb56a8 rgb(187,86,168)
```
#bb569f
```
#bb569f rgb(187,86,159)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#bb568f
```
#bb568f rgb(187,86,143)
```
#bb5686
```
#bb5686 rgb(187,86,134)
```
#bb567e
```
#bb567e rgb(187,86,126)
```

Similar Colors

Text with hexadecimal color #bb5697

This text has a font color of #bb5697.

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

#bb5697 background color

This paragraph has a background color of #bb5697.

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

#bb5697 border color

This element has a border color of #bb5697.

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

CSS codes

.text {color:#bb5697;}

.background {background-color:#bb5697;}

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

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

#0d050a
```
#0d050a rgb(13,5,10)
```
#1b0b15
```
#1b0b15 rgb(27,11,21)
```
#291020
```
#291020 rgb(41,16,32)
```
#37162b
```
#37162b rgb(55,22,43)
```
#451c36
```
#451c36 rgb(69,28,54)
```
#532141
```
#532141 rgb(83,33,65)
```
#61274c
```
#61274c rgb(97,39,76)
```
#6f2d57
```
#6f2d57 rgb(111,45,87)
```
#7d3262
```
#7d3262 rgb(125,50,98)
```
#8b386d
```
#8b386d rgb(139,56,109)
```
#993d78
```
#993d78 rgb(153,61,120)
```
#a74383
```
#a74383 rgb(167,67,131)
```
#b5498e
```
#b5498e rgb(181,73,142)
```

Shade Color Variation

#bb5697
```
#bb5697 rgb(187,86,151)
```
#c164a0
```
#c164a0 rgb(193,100,160)
```
#c672a8
```
#c672a8 rgb(198,114,168)
```
#cc80b1
```
#cc80b1 rgb(204,128,177)
```
#d28eb9
```
#d28eb9 rgb(210,142,185)
```
#d79cc2
```
#d79cc2 rgb(215,156,194)
```
#ddaacb
```
#ddaacb rgb(221,170,203)
```
#e2b8d3
```
#e2b8d3 rgb(226,184,211)
```
#e8c6dc
```
#e8c6dc rgb(232,198,220)
```
#eed4e4
```
#eed4e4 rgb(238,212,228)
```
#f3e2ed
```
#f3e2ed rgb(243,226,237)
```
#f9f0f6
```
#f9f0f6 rgb(249,240,246)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8d848a
```
#8d848a rgb(141,132,138)
```
#977a8d
```
#977a8d rgb(151,122,141)
```
#a0718f
```
#a0718f rgb(160,113,143)
```
#a96892
```
#a96892 rgb(169,104,146)
```
#b25f94
```
#b25f94 rgb(178,95,148)
```
#bb5697
```
#bb5697 rgb(187,86,151)
```
#c44d9a
```
#c44d9a rgb(196,77,154)
```
#cd449c
```
#cd449c rgb(205,68,156)
```
#d63b9f
```
#d63b9f rgb(214,59,159)
```
#df32a1
```
#df32a1 rgb(223,50,161)
```
#e928a4
```
#e928a4 rgb(233,40,164)
```
#f21fa7
```
#f21fa7 rgb(242,31,167)
```
#fb16a9
```
#fb16a9 rgb(251,22,169)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#897481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707fb1 Protanopia 1% of men
#837e94 Deuteranopia 1% of men
#b96970 Tritanopia 0.001% of the population

Trichromacy

#8b70a7 Protanomaly 1% of men, 0.01% of women
#976f95 Deuteranomaly 6% of men, 0.4% of women
#ba627e Tritanomaly 0.01% of the population

#bb5697 hex color

#bb5697 Color Information

#bb5697 Color Conversion

Color Schemes with #bb5697

Alternatives to #bb5697

#bb5697 Preview

Shades and Tints of #bb5697

Tones of #bb5697

Color Blindness Simulator