#bb56d4 hex color

In a RGB color space, hex #bb56d4 is composed of 73.3% red, 33.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 59.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 288.1 degrees, a saturation of 59.4% and a lightness of 58.4%. #bb56d4 color hex could be obtained by blending #ffacff with #7700a9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 34
- B 83
RGB color chart
- C 12
- M 59
- Y 0
- K 17
CMYK color chart

● #bb56d4 color description : Moderate magenta.

The hexadecimal color #bb56d4 has RGB values of R:187, G:86, B:212 and CMYK values of C:0.12, M:0.59, Y:0, K:0.17. Its decimal value is 12277460.

Hex triplet	bb56d4	`#bb56d4`
RGB Decimal	187, 86, 212	`rgb(187,86,212)`
RGB Percent	73.3, 33.7, 83.1	`rgb(73.3%,33.7%,83.1%)`
CMYK	12, 59, 0, 17
HSL	288.1°, 59.4, 58.4	`hsl(288.1,59.4%,58.4%)`
HSV (or HSB)	288.1°, 59.4, 83.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.001, 59.04, -47.404
XYZ	35.704, 21.975, 64.645
xyY	0.292, 0.18, 21.975
CIE-LCH	54.001, 75.716, 321.239
CIE-LUV	54.001, 40.38, -80.52
Hunter-Lab	46.878, 53.915, -48.947
Binary	10111011, 01010110, 11010100

#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#6fd456
```
#6fd456 rgb(111,212,86)
```

Complementary Color

#7c56d4
```
#7c56d4 rgb(124,86,212)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#d456ae
```
#d456ae rgb(212,86,174)
```

Analogous Color

#56d47c
```
#56d47c rgb(86,212,124)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#aed456
```
#aed456 rgb(174,212,86)
```

Split Complementary Color

#56d4bb
```
#56d4bb rgb(86,212,187)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#d4bb56
```
#d4bb56 rgb(212,187,86)
```

Triadic Color

#566fd4
```
#566fd4 rgb(86,111,212)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#d4bb56
```
#d4bb56 rgb(212,187,86)
```
#6fd456
```
#6fd456 rgb(111,212,86)
```

Tetradic Color

#962db1
```
#962db1 rgb(150,45,177)
```
#a832c5
```
#a832c5 rgb(168,50,197)
```
#b342cf
```
#b342cf rgb(179,66,207)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#c36ad9
```
#c36ad9 rgb(195,106,217)
```
#cb7fde
```
#cb7fde rgb(203,127,222)
```
#d493e4
```
#d493e4 rgb(212,147,228)
```

Monochromatic Color

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

#9c56d4
```
#9c56d4 rgb(156,86,212)
```
#a656d4
```
#a656d4 rgb(166,86,212)
```
#b156d4
```
#b156d4 rgb(177,86,212)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#c656d4
```
#c656d4 rgb(198,86,212)
```
#d056d4
```
#d056d4 rgb(208,86,212)
```
#d456ce
```
#d456ce rgb(212,86,206)
```

Similar Colors

Text with hexadecimal color #bb56d4

This text has a font color of #bb56d4.

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

#bb56d4 background color

This paragraph has a background color of #bb56d4.

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

#bb56d4 border color

This element has a border color of #bb56d4.

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

CSS codes

.text {color:#bb56d4;}

.background {background-color:#bb56d4;}

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

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, #030103 is the darkest color, while #faf2fc is the lightest one.

#030103
```
#030103 rgb(3,1,3)
```
#100513
```
#100513 rgb(16,5,19)
```
#1d0922
```
#1d0922 rgb(29,9,34)
```
#2b0d32
```
#2b0d32 rgb(43,13,50)
```
#381142
```
#381142 rgb(56,17,66)
```
#451551
```
#451551 rgb(69,21,81)
```
#531961
```
#531961 rgb(83,25,97)
```
#601d70
```
#601d70 rgb(96,29,112)
```
#6d2180
```
#6d2180 rgb(109,33,128)
```
#7a2590
```
#7a2590 rgb(122,37,144)
```
#88299f
```
#88299f rgb(136,41,159)
```
#952daf
```
#952daf rgb(149,45,175)
```
#a231bf
```
#a231bf rgb(162,49,191)
```

Shade Color Variation

#ae37cc
```
#ae37cc rgb(174,55,204)
```
#b546d0
```
#b546d0 rgb(181,70,208)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#c166d8
```
#c166d8 rgb(193,102,216)
```
#c875dc
```
#c875dc rgb(200,117,220)
```
#ce85e0
```
#ce85e0 rgb(206,133,224)
```
#d495e4
```
#d495e4 rgb(212,149,228)
```
#daa4e8
```
#daa4e8 rgb(218,164,232)
```
#e1b4ec
```
#e1b4ec rgb(225,180,236)
```
#e7c3f0
```
#e7c3f0 rgb(231,195,240)
```
#edd3f4
```
#edd3f4 rgb(237,211,244)
```
#f4e3f8
```
#f4e3f8 rgb(244,227,248)
```
#faf2fc
```
#faf2fc rgb(250,242,252)
```

Tint Color Variation

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

#998f9b
```
#998f9b rgb(153,143,155)
```
#9d87a3
```
#9d87a3 rgb(157,135,163)
```
#a27fab
```
#a27fab rgb(162,127,171)
```
#a777b3
```
#a777b3 rgb(167,119,179)
```
#ac6ebc
```
#ac6ebc rgb(172,110,188)
```
#b166c4
```
#b166c4 rgb(177,102,196)
```
#b65ecc
```
#b65ecc rgb(182,94,204)
```
#bb56d4
```
#bb56d4 rgb(187,86,212)
```
#c04edc
```
#c04edc rgb(192,78,220)
```
#c546e4
```
#c546e4 rgb(197,70,228)
```
#ca3eec
```
#ca3eec rgb(202,62,236)
```
#cf35f5
```
#cf35f5 rgb(207,53,245)
```
#d42dfd
```
#d42dfd rgb(212,45,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8e7a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f83f4 Protanopia 1% of men
#6287c9 Deuteranopia 1% of men
#b07880 Tritanopia 0.001% of the population

Trichromacy

#6c73e8 Protanomaly 1% of men, 0.01% of women
#8275cd Deuteranomaly 6% of men, 0.4% of women
#b46b9e Tritanomaly 0.01% of the population

#bb56d4 hex color

#bb56d4 Color Information

#bb56d4 Color Conversion

Color Schemes with #bb56d4

Alternatives to #bb56d4

#bb56d4 Preview

Shades and Tints of #bb56d4

Tones of #bb56d4

Color Blindness Simulator