Color picker

#4d776e

Conversion

HEX#4d776e
HEX8#4d776eff
RGBrgb(77, 119, 110)
CMYK[0.35,0,0.08,0.53]
Name#4d776e
HCL[178.94,16.79,46.84]
oklab[0.54,-0.05,0]
Num5076846
HSI[168.26,0.25,0.4]
lab[46.84,-16.78,0.31]
Lighten
#7eaca2
Darken
#253935
Saturate
#398b79
Desaturate
#616363
Greyscale
#626262
Brighten
#80aaa1

Color harmonies of #4d776e

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.
#4d776e
#6e4d77
#776e4d

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.
#4d776e
#594d77
#774d56
#6b774d

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.
#4d776e
#69a195
#84ccbd
#9ff6e4
#16221f
#314c47

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.
#4d776e
#4d775d
#4d7766
#4d776e
#4d7776
#4d6f77

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4d776e
#4d4e77
#775d4d

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
#f2f5f5
#e6ecea
#d9e2e0
#ccd8d6
#bfcecb
#b3c5c1
#a6bbb7
#99b1ac
#8da8a2
#809e97
#73948d
#668a83
#5a8178
#4d776e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060908
#0b1110
#111a18
#16221f
#1c2b27
#21332f
#273c37
#2c443f
#324d47
#37554f
#3d5e56
#42665e
#486f66
#4d776e

Contrast Checker

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

5.025 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!
4.179 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!

Color Palettes #4d776e

Some examples of color palettes with #4d776e. View more

Use #4d776e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet