Color picker

#78a69c

Conversion

HEX#78a69c
HEX8#78a69cff
RGBrgb(120, 166, 156)
CMYK[0.28,0,0.06,0.35]
Name#78a69c
HCL[179.37,17.6,64.7]
oklab[0.69,-0.05,0]
Num7906972
HSI[168.07,0.19,0.58]
lab[64.7,-17.6,0.19]
Lighten
#b5cfc9
Darken
#496f67
Saturate
#62bca9
Desaturate
#8e908f
Greyscale
#8f8f8f
Brighten
#abd9cf

Color harmonies of #78a69c

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.
#78a69c
#9c78a6
#a69c78

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.
#78a69c
#8578a6
#a67882
#99a678

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.
#78a69c
#97d0c4
#b5fbec
#1c2624
#3b514c
#597b74

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.
#78a69c
#78a68a
#78a693
#78a69c
#78a6a5
#789ea6

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#78a69c
#7879a6
#a68a78

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
#f5f9f8
#ecf2f1
#e2ecea
#d8e6e3
#cfdfdc
#c5d9d5
#bcd3ce
#b2ccc6
#a8c6bf
#9fbfb8
#95b9b1
#8bb3aa
#82aca3
#78a69c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#090c0b
#111816
#1a2421
#222f2d
#2b3b38
#334743
#3c534e
#455f59
#4d6b64
#56776f
#5e827b
#678e86
#6f9a91
#78a69c

Contrast Checker

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

2.716 Very 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!
7.733 Very 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 #78a69c

Some examples of color palettes with #78a69c. View more

Use #78a69c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet