#b778e0 hex color

In a RGB color space, hex #b778e0 is composed of 71.8% red, 47.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 46.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 276.3 degrees, a saturation of 62.7% and a lightness of 67.5%. #b778e0 color hex could be obtained by blending #fff0ff with #6f00c1. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 72
- G 47
- B 88
RGB color chart
- C 18
- M 46
- Y 0
- K 12
CMYK color chart

● #b778e0 color description : Soft violet.

The hexadecimal color #b778e0 has RGB values of R:183, G:120, B:224 and CMYK values of C:0.18, M:0.46, Y:0, K:0.12. Its decimal value is 12024032.

Hex triplet	b778e0	`#b778e0`
RGB Decimal	183, 120, 224	`rgb(183,120,224)`
RGB Percent	71.8, 47.1, 87.8	`rgb(71.8%,47.1%,87.8%)`
CMYK	18, 46, 0, 12
HSL	276.3°, 62.7, 67.5	`hsl(276.3,62.7%,67.5%)`
HSV (or HSB)	276.3°, 46.4, 87.8
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	60.678, 43.239, -43.638
XYZ	39.698, 28.883, 74.001
xyY	0.278, 0.203, 28.883
CIE-LCH	60.678, 61.432, 314.737
CIE-LUV	60.678, 24.18, -74.372
Hunter-Lab	53.743, 37.801, -44.019
Binary	10110111, 01111000, 11100000

#b778e0
```
#b778e0 rgb(183,120,224)
```
#a1e078
```
#a1e078 rgb(161,224,120)
```

Complementary Color

#8378e0
```
#8378e0 rgb(131,120,224)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#e078d5
```
#e078d5 rgb(224,120,213)
```

Analogous Color

#78e083
```
#78e083 rgb(120,224,131)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#d5e078
```
#d5e078 rgb(213,224,120)
```

Split Complementary Color

#78e0b7
```
#78e0b7 rgb(120,224,183)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#e0b778
```
#e0b778 rgb(224,183,120)
```

Triadic Color

#78a1e0
```
#78a1e0 rgb(120,161,224)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#e0b778
```
#e0b778 rgb(224,183,120)
```
#a1e078
```
#a1e078 rgb(161,224,120)
```

Tetradic Color

#963ad2
```
#963ad2 rgb(150,58,210)
```
#a14fd6
```
#a14fd6 rgb(161,79,214)
```
#ac63db
```
#ac63db rgb(172,99,219)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#c28de5
```
#c28de5 rgb(194,141,229)
```
#cda1ea
```
#cda1ea rgb(205,161,234)
```
#d8b6ee
```
#d8b6ee rgb(216,182,238)
```

Monochromatic Color

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

#9d78e0
```
#9d78e0 rgb(157,120,224)
```
#a678e0
```
#a678e0 rgb(166,120,224)
```
#ae78e0
```
#ae78e0 rgb(174,120,224)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#c078e0
```
#c078e0 rgb(192,120,224)
```
#c878e0
```
#c878e0 rgb(200,120,224)
```
#d178e0
```
#d178e0 rgb(209,120,224)
```

Similar Colors

Text with hexadecimal color #b778e0

This text has a font color of #b778e0.

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

#b778e0 background color

This paragraph has a background color of #b778e0.

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

#b778e0 border color

This element has a border color of #b778e0.

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

CSS codes

.text {color:#b778e0;}

.background {background-color:#b778e0;}

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

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

#060209
```
#060209 rgb(6,2,9)
```
#110619
```
#110619 rgb(17,6,25)
```
#1c0928
```
#1c0928 rgb(28,9,40)
```
#270d38
```
#270d38 rgb(39,13,56)
```
#321148
```
#321148 rgb(50,17,72)
```
#3e1458
```
#3e1458 rgb(62,20,88)
```
#491868
```
#491868 rgb(73,24,104)
```
#541c78
```
#541c78 rgb(84,28,120)
```
#5f1f88
```
#5f1f88 rgb(95,31,136)
```
#6a2398
```
#6a2398 rgb(106,35,152)
```
#7527a8
```
#7527a8 rgb(117,39,168)
```
#802ab8
```
#802ab8 rgb(128,42,184)
```
#8b2ec8
```
#8b2ec8 rgb(139,46,200)
```

Shade Color Variation

#9538d1
```
#9538d1 rgb(149,56,209)
```
#9d48d5
```
#9d48d5 rgb(157,72,213)
```
#a658d9
```
#a658d9 rgb(166,88,217)
```
#ae68dc
```
#ae68dc rgb(174,104,220)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#c088e4
```
#c088e4 rgb(192,136,228)
```
#c898e7
```
#c898e7 rgb(200,152,231)
```
#d1a8eb
```
#d1a8eb rgb(209,168,235)
```
#d9b8ef
```
#d9b8ef rgb(217,184,239)
```
#e2c8f2
```
#e2c8f2 rgb(226,200,242)
```
#ead8f6
```
#ead8f6 rgb(234,216,246)
```
#f3e8fa
```
#f3e8fa rgb(243,232,250)
```
#fbf8fd
```
#fbf8fd rgb(251,248,253)
```

Tint Color Variation

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

#acabad
```
#acabad rgb(172,171,173)
```
#aea5b3
```
#aea5b3 rgb(174,165,179)
```
#af9eba
```
#af9eba rgb(175,158,186)
```
#b098c0
```
#b098c0 rgb(176,152,192)
```
#b292c6
```
#b292c6 rgb(178,146,198)
```
#b38bcd
```
#b38bcd rgb(179,139,205)
```
#b485d3
```
#b485d3 rgb(180,133,211)
```
#b67eda
```
#b67eda rgb(182,126,218)
```
#b778e0
```
#b778e0 rgb(183,120,224)
```
#b872e6
```
#b872e6 rgb(184,114,230)
```
#ba6bed
```
#ba6bed rgb(186,107,237)
```
#bb65f3
```
#bb65f3 rgb(187,101,243)
```
#bc5efa
```
#bc5efa rgb(188,94,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d91a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d94f2 Protanopia 1% of men
#7897d9 Deuteranopia 1% of men
#ad909a Tritanopia 0.001% of the population

Trichromacy

#888aeb Protanomaly 1% of men, 0.01% of women
#8f8bdb Deuteranomaly 6% of men, 0.4% of women
#b087b3 Tritanomaly 0.01% of the population

#b778e0 hex color

#b778e0 Color Information

#b778e0 Color Conversion

Color Schemes with #b778e0

Alternatives to #b778e0

#b778e0 Preview

Shades and Tints of #b778e0

Tones of #b778e0

Color Blindness Simulator