#b778bb hex color

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

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

● #b778bb color description : Slightly desaturated magenta.

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

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

CIE-LAB	59.057, 35.589, -25.287
XYZ	35.214, 27.089, 50.385
xyY	0.312, 0.24, 27.089
CIE-LCH	59.057, 43.658, 324.605
CIE-LUV	59.057, 30.56, -43.759
Hunter-Lab	52.047, 29.684, -20.963
Binary	10110111, 01111000, 10111011

#b778bb
```
#b778bb rgb(183,120,187)
```
#7cbb78
```
#7cbb78 rgb(124,187,120)
```

Complementary Color

#9678bb
```
#9678bb rgb(150,120,187)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#bb789e
```
#bb789e rgb(187,120,158)
```

Analogous Color

#78bb96
```
#78bb96 rgb(120,187,150)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#9ebb78
```
#9ebb78 rgb(158,187,120)
```

Split Complementary Color

#78bbb7
```
#78bbb7 rgb(120,187,183)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#bbb778
```
#bbb778 rgb(187,183,120)
```

Triadic Color

#787cbb
```
#787cbb rgb(120,124,187)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#bbb778
```
#bbb778 rgb(187,183,120)
```
#7cbb78
```
#7cbb78 rgb(124,187,120)
```

Tetradic Color

#954d99
```
#954d99 rgb(149,77,153)
```
#a556aa
```
#a556aa rgb(165,86,170)
```
#ae67b2
```
#ae67b2 rgb(174,103,178)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#c089c4
```
#c089c4 rgb(192,137,196)
```
#c99acc
```
#c99acc rgb(201,154,204)
```
#d2abd5
```
#d2abd5 rgb(210,171,213)
```

Monochromatic Color

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

#a678bb
```
#a678bb rgb(166,120,187)
```
#ac78bb
```
#ac78bb rgb(172,120,187)
```
#b178bb
```
#b178bb rgb(177,120,187)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#bb78b9
```
#bb78b9 rgb(187,120,185)
```
#bb78b4
```
#bb78b4 rgb(187,120,180)
```
#bb78ae
```
#bb78ae rgb(187,120,174)
```

Similar Colors

Text with hexadecimal color #b778bb

This text has a font color of #b778bb.

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

#b778bb background color

This paragraph has a background color of #b778bb.

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

#b778bb border color

This element has a border color of #b778bb.

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

CSS codes

.text {color:#b778bb;}

.background {background-color:#b778bb;}

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

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)
```
#150b16
```
#150b16 rgb(21,11,22)
```
#221123
```
#221123 rgb(34,17,35)
```
#2e1830
```
#2e1830 rgb(46,24,48)
```
#3b1f3d
```
#3b1f3d rgb(59,31,61)
```
#48254a
```
#48254a rgb(72,37,74)
```
#542c57
```
#542c57 rgb(84,44,87)
```
#613264
```
#613264 rgb(97,50,100)
```
#6e3971
```
#6e3971 rgb(110,57,113)
```
#7a3f7e
```
#7a3f7e rgb(122,63,126)
```
#87468b
```
#87468b rgb(135,70,139)
```
#934d98
```
#934d98 rgb(147,77,152)
```
#a053a5
```
#a053a5 rgb(160,83,165)
```

Shade Color Variation

#a95eae
```
#a95eae rgb(169,94,174)
```
#b06bb4
```
#b06bb4 rgb(176,107,180)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#be85c2
```
#be85c2 rgb(190,133,194)
```
#c592c8
```
#c592c8 rgb(197,146,200)
```
#cc9fcf
```
#cc9fcf rgb(204,159,207)
```
#d3acd5
```
#d3acd5 rgb(211,172,213)
```
#dab9dc
```
#dab9dc rgb(218,185,220)
```
#e1c6e2
```
#e1c6e2 rgb(225,198,226)
```
#e8d3e9
```
#e8d3e9 rgb(232,211,233)
```
#efe0f0
```
#efe0f0 rgb(239,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, #9b979c is the less saturated color, while #ee3af9 is the most saturated one.

#9b979c
```
#9b979c rgb(155,151,156)
```
#a28fa4
```
#a28fa4 rgb(162,143,164)
```
#a988ab
```
#a988ab rgb(169,136,171)
```
#b080b3
```
#b080b3 rgb(176,128,179)
```
#b778bb
```
#b778bb rgb(183,120,187)
```
#be70c3
```
#be70c3 rgb(190,112,195)
```
#c568cb
```
#c568cb rgb(197,104,203)
```
#cc61d2
```
#cc61d2 rgb(204,97,210)
```
#d359da
```
#d359da rgb(211,89,218)
```
#d951e2
```
#d951e2 rgb(217,81,226)
```
#e049ea
```
#e049ea rgb(224,73,234)
```
#e741f2
```
#e741f2 rgb(231,65,242)
```
#ee3af9
```
#ee3af9 rgb(238,58,249)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#998d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8092cb Protanopia 1% of men
#8d91b8 Deuteranopia 1% of men
#b38892 Tritanopia 0.001% of the population

Trichromacy

#9488c5 Protanomaly 1% of men, 0.01% of women
#9c88b9 Deuteranomaly 6% of men, 0.4% of women
#b482a0 Tritanomaly 0.01% of the population

#b778bb hex color

#b778bb Color Information

#b778bb Color Conversion

Color Schemes with #b778bb

Alternatives to #b778bb

#b778bb Preview

Shades and Tints of #b778bb

Tones of #b778bb

Color Blindness Simulator