#bb80bb hex color

In a RGB color space, hex #bb80bb is composed of 73.3% red, 50.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 300 degrees, a saturation of 30.3% and a lightness of 61.8%. #bb80bb color hex could be obtained by blending #ffffff with #770177. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 50
- B 73
RGB color chart
- C 0
- M 32
- Y 0
- K 27
CMYK color chart

● #bb80bb color description : Slightly desaturated magenta.

The hexadecimal color #bb80bb has RGB values of R:187, G:128, B:187 and CMYK values of C:0, M:0.32, Y:0, K:0.27. Its decimal value is 12288187.

Hex triplet	bb80bb	`#bb80bb`
RGB Decimal	187, 128, 187	`rgb(187,128,187)`
RGB Percent	73.3, 50.2, 73.3	`rgb(73.3%,50.2%,73.3%)`
CMYK	0, 32, 0, 27
HSL	300°, 30.3, 61.8	`hsl(300,30.3%,61.8%)`
HSV (or HSB)	300°, 31.6, 73.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	61.301, 32.485, -21.805
XYZ	37.181, 29.592, 50.764
xyY	0.316, 0.252, 29.592
CIE-LCH	61.301, 39.125, 326.129
CIE-LUV	61.301, 29.47, -38.117
Hunter-Lab	54.399, 26.806, -17.25
Binary	10111011, 10000000, 10111011

#bb80bb
```
#bb80bb rgb(187,128,187)
```
#80bb80
```
#80bb80 rgb(128,187,128)
```

Complementary Color

#9e80bb
```
#9e80bb rgb(158,128,187)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#bb809e
```
#bb809e rgb(187,128,158)
```

Analogous Color

#80bb9e
```
#80bb9e rgb(128,187,158)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#9ebb80
```
#9ebb80 rgb(158,187,128)
```

Split Complementary Color

#80bbbb
```
#80bbbb rgb(128,187,187)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#bbbb80
```
#bbbb80 rgb(187,187,128)
```

Triadic Color

#8080bb
```
#8080bb rgb(128,128,187)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#bbbb80
```
#bbbb80 rgb(187,187,128)
```
#80bb80
```
#80bb80 rgb(128,187,128)
```

Tetradic Color

#9b539b
```
#9b539b rgb(155,83,155)
```
#a95fa9
```
#a95fa9 rgb(169,95,169)
```
#b26fb2
```
#b26fb2 rgb(178,111,178)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#c491c4
```
#c491c4 rgb(196,145,196)
```
#cda1cd
```
#cda1cd rgb(205,161,205)
```
#d6b2d6
```
#d6b2d6 rgb(214,178,214)
```

Monochromatic Color

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

#ac80bb
```
#ac80bb rgb(172,128,187)
```
#b180bb
```
#b180bb rgb(177,128,187)
```
#b680bb
```
#b680bb rgb(182,128,187)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#bb80b6
```
#bb80b6 rgb(187,128,182)
```
#bb80b1
```
#bb80b1 rgb(187,128,177)
```
#bb80ac
```
#bb80ac rgb(187,128,172)
```

Similar Colors

Text with hexadecimal color #bb80bb

This text has a font color of #bb80bb.

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

#bb80bb background color

This paragraph has a background color of #bb80bb.

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

#bb80bb border color

This element has a border color of #bb80bb.

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

CSS codes

.text {color:#bb80bb;}

.background {background-color:#bb80bb;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e070e
```
#0e070e rgb(14,7,14)
```
#1a0e1a
```
#1a0e1a rgb(26,14,26)
```
#271527
```
#271527 rgb(39,21,39)
```
#341c34
```
#341c34 rgb(52,28,52)
```
#412341
```
#412341 rgb(65,35,65)
```
#4d294d
```
#4d294d rgb(77,41,77)
```
#5a305a
```
#5a305a rgb(90,48,90)
```
#673767
```
#673767 rgb(103,55,103)
```
#743e74
```
#743e74 rgb(116,62,116)
```
#814581
```
#814581 rgb(129,69,129)
```
#8d4c8d
```
#8d4c8d rgb(141,76,141)
```
#9a529a
```
#9a529a rgb(154,82,154)
```

Shade Color Variation

#a65aa6
```
#a65aa6 rgb(166,90,166)
```
#ad66ad
```
#ad66ad rgb(173,102,173)
```
#b473b4
```
#b473b4 rgb(180,115,180)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#c28dc2
```
#c28dc2 rgb(194,141,194)
```
#c99ac9
```
#c99ac9 rgb(201,154,201)
```
#d0a6d0
```
#d0a6d0 rgb(208,166,208)
```
#d6b3d6
```
#d6b3d6 rgb(214,179,214)
```
#ddc0dd
```
#ddc0dd rgb(221,192,221)
```
#e4cde4
```
#e4cde4 rgb(228,205,228)
```
#ebd9eb
```
#ebd9eb rgb(235,217,235)
```
#f2e6f2
```
#f2e6f2 rgb(242,230,242)
```
#f9f3f9
```
#f9f3f9 rgb(249,243,249)
```

Tint Color Variation

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

#a597a5
```
#a597a5 rgb(165,151,165)
```
#ac8fac
```
#ac8fac rgb(172,143,172)
```
#b488b4
```
#b488b4 rgb(180,136,180)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```
#c379c3
```
#c379c3 rgb(195,121,195)
```
#ca71ca
```
#ca71ca rgb(202,113,202)
```
#d26ad2
```
#d26ad2 rgb(210,106,210)
```
#d962d9
```
#d962d9 rgb(217,98,217)
```
#e15be1
```
#e15be1 rgb(225,91,225)
```
#e853e8
```
#e853e8 rgb(232,83,232)
```
#f04cf0
```
#f04cf0 rgb(240,76,240)
```
#f744f7
```
#f744f7 rgb(247,68,247)
```
#ff3dff
```
#ff3dff rgb(255,61,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f939f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a97c9 Protanopia 1% of men
#9696b9 Deuteranopia 1% of men
#b88e98 Tritanopia 0.001% of the population

Trichromacy

#9c8fc4 Protanomaly 1% of men, 0.01% of women
#a38eba Deuteranomaly 6% of men, 0.4% of women
#b989a5 Tritanomaly 0.01% of the population

#bb80bb hex color

#bb80bb Color Information

#bb80bb Color Conversion

Color Schemes with #bb80bb

Alternatives to #bb80bb

#bb80bb Preview

Shades and Tints of #bb80bb

Tones of #bb80bb

Color Blindness Simulator