colorhexa.com

#bb55cc hex color

In a RGB color space, hex #bb55cc is composed of 73.3% red, 33.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.3% cyan, 58.3% magenta, 0% yellow and 20% black. It has a hue angle of 291.4 degrees, a saturation of 53.8% and a lightness of 56.7%. #bb55cc color hex could be obtained by blending #ffaaff with #770099. Closest websafe color is: #cc66cc.

- R 73
- G 33
- B 80
RGB color chart
- C 8
- M 58
- Y 0
- K 20
CMYK color chart

● #bb55cc color description : Moderate magenta.

The hexadecimal color #bb55cc has RGB values of R:187, G:85, B:204 and CMYK values of C:0.08, M:0.58, Y:0, K:0.2. Its decimal value is 12277196.

Hex triplet	bb55cc	`#bb55cc`
RGB Decimal	187, 85, 204	`rgb(187,85,204)`
RGB Percent	73.3, 33.3, 80	`rgb(73.3%,33.3%,80%)`
CMYK	8, 58, 0, 20
HSL	291.4°, 53.8, 56.7	`hsl(291.4,53.8%,56.7%)`
HSV (or HSB)	291.4°, 58.3, 80
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.409, 57.971, -43.78
XYZ	34.64, 21.423, 59.434
xyY	0.3, 0.185, 21.423
CIE-LCH	53.409, 72.645, 322.94
CIE-LUV	53.409, 42.698, -74.618
Hunter-Lab	46.285, 52.592, -43.734
Binary	10111011, 01010101, 11001100

#bb55cc
```
#bb55cc rgb(187,85,204)
```
#66cc55
```
#66cc55 rgb(102,204,85)
```

Complementary Color

#8055cc
```
#8055cc rgb(128,85,204)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#cc55a2
```
#cc55a2 rgb(204,85,162)
```

Analogous Color

#55cc80
```
#55cc80 rgb(85,204,128)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#a2cc55
```
#a2cc55 rgb(162,204,85)
```

Split Complementary Color

#55ccbb
```
#55ccbb rgb(85,204,187)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#ccbb55
```
#ccbb55 rgb(204,187,85)
```

Triadic Color

#5566cc
```
#5566cc rgb(85,102,204)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#ccbb55
```
#ccbb55 rgb(204,187,85)
```
#66cc55
```
#66cc55 rgb(102,204,85)
```

Tetradic Color

#9331a3
```
#9331a3 rgb(147,49,163)
```
#a537b7
```
#a537b7 rgb(165,55,183)
```
#b341c6
```
#b341c6 rgb(179,65,198)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#c369d2
```
#c369d2 rgb(195,105,210)
```
#cb7cd8
```
#cb7cd8 rgb(203,124,216)
```
#d390de
```
#d390de rgb(211,144,222)
```

Monochromatic Color

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

#9d55cc
```
#9d55cc rgb(157,85,204)
```
#a755cc
```
#a755cc rgb(167,85,204)
```
#b155cc
```
#b155cc rgb(177,85,204)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#c555cc
```
#c555cc rgb(197,85,204)
```
#cc55c9
```
#cc55c9 rgb(204,85,201)
```
#cc55bf
```
#cc55bf rgb(204,85,191)
```

Similar Colors

Text with hexadecimal color #bb55cc

This text has a font color of #bb55cc.

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

#bb55cc background color

This paragraph has a background color of #bb55cc.

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

#bb55cc border color

This element has a border color of #bb55cc.

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

CSS codes

.text {color:#bb55cc;}

.background {background-color:#bb55cc;}

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

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

#0a030b
```
#0a030b rgb(10,3,11)
```
#18081a
```
#18081a rgb(24,8,26)
```
#250c29
```
#250c29 rgb(37,12,41)
```
#331138
```
#331138 rgb(51,17,56)
```
#401547
```
#401547 rgb(64,21,71)
```
#4e1a57
```
#4e1a57 rgb(78,26,87)
```
#5b1e66
```
#5b1e66 rgb(91,30,102)
```
#692375
```
#692375 rgb(105,35,117)
```
#772884
```
#772884 rgb(119,40,132)
```
#842c93
```
#842c93 rgb(132,44,147)
```
#9231a2
```
#9231a2 rgb(146,49,162)
```
#9f35b1
```
#9f35b1 rgb(159,53,177)
```
#ad3ac0
```
#ad3ac0 rgb(173,58,192)
```

Shade Color Variation

#b546c7
```
#b546c7 rgb(181,70,199)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#c164d1
```
#c164d1 rgb(193,100,209)
```
#c773d5
```
#c773d5 rgb(199,115,213)
```
#cd82da
```
#cd82da rgb(205,130,218)
```
#d391de
```
#d391de rgb(211,145,222)
```
#d9a0e3
```
#d9a0e3 rgb(217,160,227)
```
#dfb0e7
```
#dfb0e7 rgb(223,176,231)
```
#e5bfec
```
#e5bfec rgb(229,191,236)
```
#ebcef0
```
#ebcef0 rgb(235,206,240)
```
#f1ddf5
```
#f1ddf5 rgb(241,221,245)
```
#f7ecf9
```
#f7ecf9 rgb(247,236,249)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#978899
```
#978899 rgb(151,136,153)
```
#9d80a2
```
#9d80a2 rgb(157,128,162)
```
#a377aa
```
#a377aa rgb(163,119,170)
```
#a96fb3
```
#a96fb3 rgb(169,111,179)
```
#af66bb
```
#af66bb rgb(175,102,187)
```
#b55ec4
```
#b55ec4 rgb(181,94,196)
```
#bb55cc
```
#bb55cc rgb(187,85,204)
```
#c14dd5
```
#c14dd5 rgb(193,77,213)
```
#c744dd
```
#c744dd rgb(199,68,221)
```
#cd3ce6
```
#cd3ce6 rgb(205,60,230)
```
#d333ee
```
#d333ee rgb(211,51,238)
```
#d92bf7
```
#d92bf7 rgb(217,43,247)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8d7890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4882eb Protanopia 1% of men
#6785c2 Deuteranopia 1% of men
#b2757d Tritanopia 0.001% of the population

Trichromacy

#7272e0 Protanomaly 1% of men, 0.01% of women
#8574c6 Deuteranomaly 6% of men, 0.4% of women
#b56999 Tritanomaly 0.01% of the population