Color picker

#77988a

Conversion

HEX#77988a
HEX8#77988aff
RGBrgb(119, 152, 138)
CMYK[0.22,0,0.09,0.4]
Name#77988a
HCL[165.98,14.9,60.08]
oklab[0.65,-0.04,0.01]
Num7837834
HSI[155,0.13,0.53]
lab[60.08,-14.46,3.61]
Lighten
#b1c4bc
Darken
#496056
Saturate
#5fb08e
Desaturate
#878787
Greyscale
#878787
Brighten
#aacbbd

Color harmonies of #77988a

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.
#77988a
#8a7798
#988a77

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.
#77988a
#797798
#987785
#959877

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.
#77988a
#98c2b1
#baedd7
#131816
#34433d
#566d63

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.
#77988a
#77987d
#779883
#77988a
#779891
#779897

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#77988a
#777e98
#987d77

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
#f5f8f7
#ecf0ee
#e2e9e6
#d8e2de
#cedad5
#c5d3cd
#bbccc5
#b1c4bc
#a8bdb4
#9eb5ab
#94aea3
#8aa79b
#819f92
#77988a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#090b0a
#111614
#1a211e
#222b27
#2b3631
#33413b
#3c4c45
#44574f
#4d6259
#556d63
#5e776c
#668276
#6f8d80
#77988a

Contrast Checker

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

3.161 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.643 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 #77988a

Some examples of color palettes with #77988a. View more

Use #77988a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet