#bb56a3 hex color

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

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

● #bb56a3 color description : Moderate magenta.

The hexadecimal color #bb56a3 has RGB values of R:187, G:86, B:163 and CMYK values of C:0, M:0.54, Y:0.13, K:0.27. Its decimal value is 12277411.

Hex triplet	bb56a3	`#bb56a3`
RGB Decimal	187, 86, 163	`rgb(187,86,163)`
RGB Percent	73.3, 33.7, 63.9	`rgb(73.3%,33.7%,63.9%)`
CMYK	0, 54, 13, 27
HSL	314.3°, 42.6, 53.5	`hsl(314.3,42.6%,53.5%)`
HSV (or HSB)	314.3°, 54, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	51.686, 50.308, -22.714
XYZ	30.432, 19.867, 36.88
xyY	0.349, 0.228, 19.867
CIE-LCH	51.686, 55.198, 335.701
CIE-LUV	51.686, 53.349, -41.064
Hunter-Lab	44.572, 43.871, -17.858
Binary	10111011, 01010110, 10100011

#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#56bb6e
```
#56bb6e rgb(86,187,110)
```

Complementary Color

#a156bb
```
#a156bb rgb(161,86,187)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#bb5671
```
#bb5671 rgb(187,86,113)
```

Analogous Color

#56bba1
```
#56bba1 rgb(86,187,161)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#71bb56
```
#71bb56 rgb(113,187,86)
```

Split Complementary Color

#56a3bb
```
#56a3bb rgb(86,163,187)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#a3bb56
```
#a3bb56 rgb(163,187,86)
```

Triadic Color

#6e56bb
```
#6e56bb rgb(110,86,187)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#a3bb56
```
#a3bb56 rgb(163,187,86)
```
#56bb6e
```
#56bb6e rgb(86,187,110)
```

Tetradic Color

#8c3878
```
#8c3878 rgb(140,56,120)
```
#9e4088
```
#9e4088 rgb(158,64,136)
```
#b04797
```
#b04797 rgb(176,71,151)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#c268ad
```
#c268ad rgb(194,104,173)
```
#ca7ab7
```
#ca7ab7 rgb(202,122,183)
```
#d18dc1
```
#d18dc1 rgb(209,141,193)
```

Monochromatic Color

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

#ba56bb
```
#ba56bb rgb(186,86,187)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#bb56ab
```
#bb56ab rgb(187,86,171)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#bb569b
```
#bb569b rgb(187,86,155)
```
#bb5692
```
#bb5692 rgb(187,86,146)
```
#bb568a
```
#bb568a rgb(187,86,138)
```

Similar Colors

Text with hexadecimal color #bb56a3

This text has a font color of #bb56a3.

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

#bb56a3 background color

This paragraph has a background color of #bb56a3.

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

#bb56a3 border color

This element has a border color of #bb56a3.

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

CSS codes

.text {color:#bb56a3;}

.background {background-color:#bb56a3;}

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

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

#0d050b
```
#0d050b rgb(13,5,11)
```
#1b0b17
```
#1b0b17 rgb(27,11,23)
```
#291023
```
#291023 rgb(41,16,35)
```
#37162f
```
#37162f rgb(55,22,47)
```
#451c3b
```
#451c3b rgb(69,28,59)
```
#532147
```
#532147 rgb(83,33,71)
```
#612753
```
#612753 rgb(97,39,83)
```
#6f2d5f
```
#6f2d5f rgb(111,45,95)
```
#7d326b
```
#7d326b rgb(125,50,107)
```
#8b3877
```
#8b3877 rgb(139,56,119)
```
#993d83
```
#993d83 rgb(153,61,131)
```
#a7438f
```
#a7438f rgb(167,67,143)
```
#b5499b
```
#b5499b rgb(181,73,155)
```

Shade Color Variation

#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#c164ab
```
#c164ab rgb(193,100,171)
```
#c672b2
```
#c672b2 rgb(198,114,178)
```
#cc80ba
```
#cc80ba rgb(204,128,186)
```
#d28ec1
```
#d28ec1 rgb(210,142,193)
```
#d79cc9
```
#d79cc9 rgb(215,156,201)
```
#ddaad1
```
#ddaad1 rgb(221,170,209)
```
#e2b8d8
```
#e2b8d8 rgb(226,184,216)
```
#e8c6e0
```
#e8c6e0 rgb(232,198,224)
```
#eed4e8
```
#eed4e8 rgb(238,212,232)
```
#f3e2ef
```
#f3e2ef rgb(243,226,239)
```
#f9f0f7
```
#f9f0f7 rgb(249,240,247)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8d848b
```
#8d848b rgb(141,132,139)
```
#977a90
```
#977a90 rgb(151,122,144)
```
#a07195
```
#a07195 rgb(160,113,149)
```
#a96899
```
#a96899 rgb(169,104,153)
```
#b25f9e
```
#b25f9e rgb(178,95,158)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#c44da8
```
#c44da8 rgb(196,77,168)
```
#cd44ad
```
#cd44ad rgb(205,68,173)
```
#d63bb1
```
#d63bb1 rgb(214,59,177)
```
#df32b6
```
#df32b6 rgb(223,50,182)
```
#e928bb
```
#e928bb rgb(233,40,187)
```
#f21fc0
```
#f21fc0 rgb(242,31,192)
```
#fb16c4
```
#fb16c4 rgb(251,22,196)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a80be Protanopia 1% of men
#7e7f9e Deuteranopia 1% of men
#b86b72 Tritanopia 0.001% of the population

Trichromacy

#8770b4 Protanomaly 1% of men, 0.01% of women
#9470a0 Deuteranomaly 6% of men, 0.4% of women
#b96384 Tritanomaly 0.01% of the population

#bb56a3 hex color

#bb56a3 Color Information

#bb56a3 Color Conversion

Color Schemes with #bb56a3

Alternatives to #bb56a3

#bb56a3 Preview

Shades and Tints of #bb56a3

Tones of #bb56a3

Color Blindness Simulator