#bb55ff hex color

In a RGB color space, hex #bb55ff is composed of 73.3% red, 33.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 66.7% magenta, 0% yellow and 0% black. It has a hue angle of 276 degrees, a saturation of 100% and a lightness of 66.7%. #bb55ff color hex could be obtained by blending #ffaaff with #7700ff. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 33
- B 100
RGB color chart
- C 27
- M 67
- Y 0
- K 0
CMYK color chart

● #bb55ff color description : Light violet.

The hexadecimal color #bb55ff has RGB values of R:187, G:85, B:255 and CMYK values of C:0.27, M:0.67, Y:0, K:0. Its decimal value is 12277247.

Hex triplet	bb55ff	`#bb55ff`
RGB Decimal	187, 85, 255	`rgb(187,85,255)`
RGB Percent	73.3, 33.3, 100	`rgb(73.3%,33.3%,100%)`
CMYK	27, 67, 0, 0
HSL	276°, 100, 66.7	`hsl(276,100%,66.7%)`
HSV (or HSB)	276°, 66.7, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.37, 68.262, -67.725
XYZ	41.789, 24.283, 97.088
xyY	0.256, 0.149, 24.283
CIE-LCH	56.37, 96.158, 315.226
CIE-LUV	56.37, 30.692, -113.525
Hunter-Lab	49.278, 65.14, -82.32
Binary	10111011, 01010101, 11111111

#bb55ff
```
#bb55ff rgb(187,85,255)
```
#99ff55
```
#99ff55 rgb(153,255,85)
```

Complementary Color

#6655ff
```
#6655ff rgb(102,85,255)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#ff55ee
```
#ff55ee rgb(255,85,238)
```

Analogous Color

#55ff66
```
#55ff66 rgb(85,255,102)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#eeff55
```
#eeff55 rgb(238,255,85)
```

Split Complementary Color

#55ffbb
```
#55ffbb rgb(85,255,187)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#ffbb55
```
#ffbb55 rgb(255,187,85)
```

Triadic Color

#5599ff
```
#5599ff rgb(85,153,255)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#ffbb55
```
#ffbb55 rgb(255,187,85)
```
#99ff55
```
#99ff55 rgb(153,255,85)
```

Tetradic Color

#9c08ff
```
#9c08ff rgb(156,8,255)
```
#a722ff
```
#a722ff rgb(167,34,255)
```
#b13cff
```
#b13cff rgb(177,60,255)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#c56fff
```
#c56fff rgb(197,111,255)
```
#cf88ff
```
#cf88ff rgb(207,136,255)
```
#daa2ff
```
#daa2ff rgb(218,162,255)
```

Monochromatic Color

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

#9155ff
```
#9155ff rgb(145,85,255)
```
#9f55ff
```
#9f55ff rgb(159,85,255)
```
#ad55ff
```
#ad55ff rgb(173,85,255)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#c955ff
```
#c955ff rgb(201,85,255)
```
#d755ff
```
#d755ff rgb(215,85,255)
```
#e655ff
```
#e655ff rgb(230,85,255)
```

Similar Colors

Text with hexadecimal color #bb55ff

This text has a font color of #bb55ff.

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

#bb55ff background color

This paragraph has a background color of #bb55ff.

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

#bb55ff border color

This element has a border color of #bb55ff.

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

CSS codes

.text {color:#bb55ff;}

.background {background-color:#bb55ff;}

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

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

#040007
```
#040007 rgb(4,0,7)
```
#10001a
```
#10001a rgb(16,0,26)
```
#1b002e
```
#1b002e rgb(27,0,46)
```
#270041
```
#270041 rgb(39,0,65)
```
#330055
```
#330055 rgb(51,0,85)
```
#3f0069
```
#3f0069 rgb(63,0,105)
```
#4b007c
```
#4b007c rgb(75,0,124)
```
#560090
```
#560090 rgb(86,0,144)
```
#6200a3
```
#6200a3 rgb(98,0,163)
```
#6e00b7
```
#6e00b7 rgb(110,0,183)
```
#7a00cb
```
#7a00cb rgb(122,0,203)
```
#8500de
```
#8500de rgb(133,0,222)
```
#9100f2
```
#9100f2 rgb(145,0,242)
```

Shade Color Variation

#9c07ff
```
#9c07ff rgb(156,7,255)
```
#a31aff
```
#a31aff rgb(163,26,255)
```
#ab2eff
```
#ab2eff rgb(171,46,255)
```
#b341ff
```
#b341ff rgb(179,65,255)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```
#c369ff
```
#c369ff rgb(195,105,255)
```
#cb7cff
```
#cb7cff rgb(203,124,255)
```
#d390ff
```
#d390ff rgb(211,144,255)
```
#daa3ff
```
#daa3ff rgb(218,163,255)
```
#e2b7ff
```
#e2b7ff rgb(226,183,255)
```
#eacbff
```
#eacbff rgb(234,203,255)
```
#f2deff
```
#f2deff rgb(242,222,255)
```
#faf2ff
```
#faf2ff rgb(250,242,255)
```

Tint Color Variation

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

#aba3b1
```
#aba3b1 rgb(171,163,177)
```
#ad9db7
```
#ad9db7 rgb(173,157,183)
```
#ae96be
```
#ae96be rgb(174,150,190)
```
#af90c4
```
#af90c4 rgb(175,144,196)
```
#b189cb
```
#b189cb rgb(177,137,203)
```
#b283d1
```
#b283d1 rgb(178,131,209)
```
#b37cd8
```
#b37cd8 rgb(179,124,216)
```
#b476de
```
#b476de rgb(180,118,222)
```
#b66fe5
```
#b66fe5 rgb(182,111,229)
```
#b769eb
```
#b769eb rgb(183,105,235)
```
#b862f2
```
#b862f2 rgb(184,98,242)
```
#ba5cf8
```
#ba5cf8 rgb(186,92,248)
```
#bb55ff
```
#bb55ff rgb(187,85,255)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f89ff Protanopia 1% of men
#1e8fee Deuteranopia 1% of men
#a7848d Tritanopia 0.001% of the population

Trichromacy

#6c76ff Protanomaly 1% of men, 0.01% of women
#577af4 Deuteranomaly 6% of men, 0.4% of women
#ae73b6 Tritanomaly 0.01% of the population

#bb55ff hex color

#bb55ff Color Information

#bb55ff Color Conversion

Color Schemes with #bb55ff

Alternatives to #bb55ff

#bb55ff Preview

Shades and Tints of #bb55ff

Tones of #bb55ff

Color Blindness Simulator