Color picker

#778fae

Conversion

HEX#778fae
HEX8#778faeff
RGBrgb(119, 143, 174)
CMYK[0.32,0.18,0,0.32]
Name#778fae
HCL[266.99,19.07,58.62]
oklab[0.64,-0.01,-0.05]
Num7835566
HSI[214.2,0.18,0.57]
lab[58.62,-1,-19.04]
Lighten
#b7c4d4
Darken
#475c78
Saturate
#618cc4
Desaturate
#8d9298
Greyscale
#929292
Brighten
#aac2e1

Color harmonies of #778fae

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.
#778fae
#ae778f
#8fae77

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.
#778fae
#ae77aa
#ae9677
#77ae7b

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.
#778fae
#94b2d8
#030304
#20262e
#3d4959
#5a6c83

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.
#778fae
#77a5ae
#779aae
#778fae
#7784ae
#7779ae

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#778fae
#a177ae
#a5ae77

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
#f5f7f9
#eceff3
#e2e7ee
#d8dfe8
#ced7e2
#c5cfdc
#bbc7d7
#b1bfd1
#a8b7cb
#9eafc5
#94a7bf
#8a9fba
#8197b4
#778fae

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#090a0c
#111419
#1a1f25
#222932
#2b333e
#333d4b
#3c4857
#445263
#4d5c70
#55667c
#5e7089
#667b95
#6f85a2
#778fae

Contrast Checker

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

3.32 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!
6.325 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 #778fae

Some examples of color palettes with #778fae. View more

Use #778fae in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet