#bb78bb hex color

In a RGB color space, hex #bb78bb is composed of 73.3% red, 47.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 300 degrees, a saturation of 33% and a lightness of 60.2%. #bb78bb color hex could be obtained by blending #fff0ff with #770077. Closest websafe color is: #cc66cc.

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

● #bb78bb color description : Slightly desaturated magenta.

The hexadecimal color #bb78bb has RGB values of R:187, G:120, B:187 and CMYK values of C:0, M:0.36, Y:0, K:0.27. Its decimal value is 12286139.

Hex triplet	bb78bb	`#bb78bb`
RGB Decimal	187, 120, 187	`rgb(187,120,187)`
RGB Percent	73.3, 47.1, 73.3	`rgb(73.3%,47.1%,73.3%)`
CMYK	0, 36, 0, 27
HSL	300°, 33, 60.2	`hsl(300,33%,60.2%)`
HSV (or HSB)	300°, 35.8, 73.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.514, 36.871, -24.545
XYZ	36.179, 27.587, 50.43
xyY	0.317, 0.242, 27.587
CIE-LCH	59.514, 44.294, 326.348
CIE-LUV	59.514, 33.145, -42.868
Hunter-Lab	52.523, 31.037, -20.161
Binary	10111011, 01111000, 10111011

#bb78bb
```
#bb78bb rgb(187,120,187)
```
#78bb78
```
#78bb78 rgb(120,187,120)
```

Complementary Color

#9a78bb
```
#9a78bb rgb(154,120,187)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#bb789a
```
#bb789a rgb(187,120,154)
```

Analogous Color

#78bb9a
```
#78bb9a rgb(120,187,154)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#9abb78
```
#9abb78 rgb(154,187,120)
```

Split Complementary Color

#78bbbb
```
#78bbbb rgb(120,187,187)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#bbbb78
```
#bbbb78 rgb(187,187,120)
```

Triadic Color

#7878bb
```
#7878bb rgb(120,120,187)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#bbbb78
```
#bbbb78 rgb(187,187,120)
```
#78bb78
```
#78bb78 rgb(120,187,120)
```

Tetradic Color

#994d99
```
#994d99 rgb(153,77,153)
```
#aa56aa
```
#aa56aa rgb(170,86,170)
```
#b267b2
```
#b267b2 rgb(178,103,178)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#c489c4
```
#c489c4 rgb(196,137,196)
```
#cc9acc
```
#cc9acc rgb(204,154,204)
```
#d5abd5
```
#d5abd5 rgb(213,171,213)
```

Monochromatic Color

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

#aa78bb
```
#aa78bb rgb(170,120,187)
```
#b078bb
```
#b078bb rgb(176,120,187)
```
#b578bb
```
#b578bb rgb(181,120,187)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#bb78b5
```
#bb78b5 rgb(187,120,181)
```
#bb78b0
```
#bb78b0 rgb(187,120,176)
```
#bb78aa
```
#bb78aa rgb(187,120,170)
```

Similar Colors

Text with hexadecimal color #bb78bb

This text has a font color of #bb78bb.

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

#bb78bb background color

This paragraph has a background color of #bb78bb.

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

#bb78bb border color

This element has a border color of #bb78bb.

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

CSS codes

.text {color:#bb78bb;}

.background {background-color:#bb78bb;}

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

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

#080408
```
#080408 rgb(8,4,8)
```
#160b16
```
#160b16 rgb(22,11,22)
```
#231123
```
#231123 rgb(35,17,35)
```
#301830
```
#301830 rgb(48,24,48)
```
#3d1f3d
```
#3d1f3d rgb(61,31,61)
```
#4a254a
```
#4a254a rgb(74,37,74)
```
#572c57
```
#572c57 rgb(87,44,87)
```
#643264
```
#643264 rgb(100,50,100)
```
#713971
```
#713971 rgb(113,57,113)
```
#7e3f7e
```
#7e3f7e rgb(126,63,126)
```
#8b468b
```
#8b468b rgb(139,70,139)
```
#984d98
```
#984d98 rgb(152,77,152)
```
#a553a5
```
#a553a5 rgb(165,83,165)
```

Shade Color Variation

#ae5eae
```
#ae5eae rgb(174,94,174)
```
#b46bb4
```
#b46bb4 rgb(180,107,180)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#c285c2
```
#c285c2 rgb(194,133,194)
```
#c892c8
```
#c892c8 rgb(200,146,200)
```
#cf9fcf
```
#cf9fcf rgb(207,159,207)
```
#d5acd5
```
#d5acd5 rgb(213,172,213)
```
#dcb9dc
```
#dcb9dc rgb(220,185,220)
```
#e2c6e2
```
#e2c6e2 rgb(226,198,226)
```
#e9d3e9
```
#e9d3e9 rgb(233,211,233)
```
#f0e0f0
```
#f0e0f0 rgb(240,224,240)
```
#f6edf6
```
#f6edf6 rgb(246,237,246)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#9c979c
```
#9c979c rgb(156,151,156)
```
#a48fa4
```
#a48fa4 rgb(164,143,164)
```
#ab88ab
```
#ab88ab rgb(171,136,171)
```
#b380b3
```
#b380b3 rgb(179,128,179)
```
#bb78bb
```
#bb78bb rgb(187,120,187)
```
#c370c3
```
#c370c3 rgb(195,112,195)
```
#cb68cb
```
#cb68cb rgb(203,104,203)
```
#d261d2
```
#d261d2 rgb(210,97,210)
```
#da59da
```
#da59da rgb(218,89,218)
```
#e251e2
```
#e251e2 rgb(226,81,226)
```
#ea49ea
```
#ea49ea rgb(234,73,234)
```
#f241f2
```
#f241f2 rgb(242,65,242)
```
#f93af9
```
#f93af9 rgb(249,58,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9c8e9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8293cb Protanopia 1% of men
#8f92b8 Deuteranopia 1% of men
#b78892 Tritanopia 0.001% of the population

Trichromacy

#9689c5 Protanomaly 1% of men, 0.01% of women
#9f88b9 Deuteranomaly 6% of men, 0.4% of women
#b882a0 Tritanomaly 0.01% of the population

#bb78bb hex color

#bb78bb Color Information

#bb78bb Color Conversion

Color Schemes with #bb78bb

Alternatives to #bb78bb

#bb78bb Preview

Shades and Tints of #bb78bb

Tones of #bb78bb

Color Blindness Simulator