Color picker

#8778bc

Conversion

HEX#8778bc
HEX8#8778bcff
RGBrgb(135, 120, 188)
CMYK[0.28,0.36,0,0.26]
Name#8778bc
HCL[301.76,39.61,54.25]
oklab[0.61,0.04,-0.09]
Num8878268
HSI[252.12,0.19,0.58]
lab[54.25,20.85,-33.68]
Lighten
#c4bcde
Darken
#54448a
Saturate
#7c64d0
Desaturate
#928ca8
Greyscale
#9a9a9a
Brighten
#baabef

Color harmonies of #8778bc

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#8778bc
#bc8778
#78bc87

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#8778bc
#bc788b
#adbc78
#78bca9

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#8778bc
#a693e6
#0d0b12
#2b273c
#4a4267
#685d91

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#8778bc
#7884bc
#7978bc
#8778bc
#9578bc
#a278bc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#8778bc
#bc789f
#84bc78

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f6f5fa
#eeecf5
#e5e2f1
#ddd8ec
#d4cfe7
#ccc5e2
#c3bcde
#bab2d9
#b2a8d4
#a99fcf
#a195ca
#988bc6
#9082c1
#8778bc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0a090d
#13111b
#1d1a28
#272236
#302b43
#3a3351
#443c5e
#4d456b
#574d79
#605686
#6a5e94
#7467a1
#7d6faf
#8778bc

Contrast Checker

Verify the contrast of a #8778bc colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

3.858 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
5.443 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #8778bc

Some examples of color palettes with #8778bc. View more

Use #8778bc in CSS

#8778bc as Background Color in CSS
<div style="background-color:#8778bc">Background Color</div>
#8778bc as Text Color in CSS
<div style="color:#8778bc">Text Color</div>
#8778bc as Border Color in CSS
<div style="border-color:#8778bc">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet