#bb56b4 hex color

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

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

● #bb56b4 color description : Moderate magenta.

The hexadecimal color #bb56b4 has RGB values of R:187, G:86, B:180 and CMYK values of C:0, M:0.54, Y:0.04, K:0.27. Its decimal value is 12277428.

Hex triplet	bb56b4	`#bb56b4`
RGB Decimal	187, 86, 180	`rgb(187,86,180)`
RGB Percent	73.3, 33.7, 70.6	`rgb(73.3%,33.7%,70.6%)`
CMYK	0, 54, 4, 27
HSL	304.2°, 42.6, 53.5	`hsl(304.2,42.6%,53.5%)`
HSV (or HSB)	304.2°, 54, 73.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	52.417, 53.147, -31.509
XYZ	32.059, 20.517, 45.449
xyY	0.327, 0.209, 20.517
CIE-LCH	52.417, 61.785, 329.338
CIE-LUV	52.417, 48.7, -54.881
Hunter-Lab	45.296, 47.067, -27.783
Binary	10111011, 01010110, 10110100

#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#56bb5d
```
#56bb5d rgb(86,187,93)
```

Complementary Color

#9056bb
```
#9056bb rgb(144,86,187)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#bb5682
```
#bb5682 rgb(187,86,130)
```

Analogous Color

#56bb90
```
#56bb90 rgb(86,187,144)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#82bb56
```
#82bb56 rgb(130,187,86)
```

Split Complementary Color

#56b4bb
```
#56b4bb rgb(86,180,187)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#b4bb56
```
#b4bb56 rgb(180,187,86)
```

Triadic Color

#5d56bb
```
#5d56bb rgb(93,86,187)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#b4bb56
```
#b4bb56 rgb(180,187,86)
```
#56bb5d
```
#56bb5d rgb(86,187,93)
```

Tetradic Color

#8c3886
```
#8c3886 rgb(140,56,134)
```
#9e4098
```
#9e4098 rgb(158,64,152)
```
#b047a9
```
#b047a9 rgb(176,71,169)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#c268bc
```
#c268bc rgb(194,104,188)
```
#ca7ac4
```
#ca7ac4 rgb(202,122,196)
```
#d18dcc
```
#d18dcc rgb(209,141,204)
```

Monochromatic Color

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

#a956bb
```
#a956bb rgb(169,86,187)
```
#b156bb
```
#b156bb rgb(177,86,187)
```
#ba56bb
```
#ba56bb rgb(186,86,187)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#bb56ac
```
#bb56ac rgb(187,86,172)
```
#bb56a3
```
#bb56a3 rgb(187,86,163)
```
#bb569b
```
#bb569b rgb(187,86,155)
```

Similar Colors

Text with hexadecimal color #bb56b4

This text has a font color of #bb56b4.

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

#bb56b4 background color

This paragraph has a background color of #bb56b4.

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

#bb56b4 border color

This element has a border color of #bb56b4.

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

CSS codes

.text {color:#bb56b4;}

.background {background-color:#bb56b4;}

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

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

#0d050c
```
#0d050c rgb(13,5,12)
```
#1b0b1a
```
#1b0b1a rgb(27,11,26)
```
#291027
```
#291027 rgb(41,16,39)
```
#371635
```
#371635 rgb(55,22,53)
```
#451c42
```
#451c42 rgb(69,28,66)
```
#53214f
```
#53214f rgb(83,33,79)
```
#61275d
```
#61275d rgb(97,39,93)
```
#6f2d6a
```
#6f2d6a rgb(111,45,106)
```
#7d3278
```
#7d3278 rgb(125,50,120)
```
#8b3885
```
#8b3885 rgb(139,56,133)
```
#993d92
```
#993d92 rgb(153,61,146)
```
#a743a0
```
#a743a0 rgb(167,67,160)
```
#b549ad
```
#b549ad rgb(181,73,173)
```

Shade Color Variation

#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#c164ba
```
#c164ba rgb(193,100,186)
```
#c672c0
```
#c672c0 rgb(198,114,192)
```
#cc80c7
```
#cc80c7 rgb(204,128,199)
```
#d28ecd
```
#d28ecd rgb(210,142,205)
```
#d79cd3
```
#d79cd3 rgb(215,156,211)
```
#ddaad9
```
#ddaad9 rgb(221,170,217)
```
#e2b8df
```
#e2b8df rgb(226,184,223)
```
#e8c6e6
```
#e8c6e6 rgb(232,198,230)
```
#eed4ec
```
#eed4ec rgb(238,212,236)
```
#f3e2f2
```
#f3e2f2 rgb(243,226,242)
```
#f9f0f8
```
#f9f0f8 rgb(249,240,248)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8d848d
```
#8d848d rgb(141,132,141)
```
#977a95
```
#977a95 rgb(151,122,149)
```
#a0719c
```
#a0719c rgb(160,113,156)
```
#a968a4
```
#a968a4 rgb(169,104,164)
```
#b25fac
```
#b25fac rgb(178,95,172)
```
#bb56b4
```
#bb56b4 rgb(187,86,180)
```
#c44dbc
```
#c44dbc rgb(196,77,188)
```
#cd44c4
```
#cd44c4 rgb(205,68,196)
```
#d63bcc
```
#d63bcc rgb(214,59,204)
```
#df32d3
```
#df32d3 rgb(223,50,211)
```
#e928db
```
#e928db rgb(233,40,219)
```
#f21fe3
```
#f21fe3 rgb(242,31,227)
```
#fb16eb
```
#fb16eb rgb(251,22,235)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b778a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6081d0 Protanopia 1% of men
#7682ad Deuteranopia 1% of men
#b56f77 Tritanopia 0.001% of the population

Trichromacy

#8171c6 Protanomaly 1% of men, 0.01% of women
#8f72b0 Deuteranomaly 6% of men, 0.4% of women
#b7668d Tritanomaly 0.01% of the population

#bb56b4 hex color

#bb56b4 Color Information

#bb56b4 Color Conversion

Color Schemes with #bb56b4

Alternatives to #bb56b4

#bb56b4 Preview

Shades and Tints of #bb56b4

Tones of #bb56b4

Color Blindness Simulator