Color picker

#5c885a

Conversion

HEX#5c885a
HEX8#5c885aff
RGBrgb(92, 136, 90)
CMYK[0.32,0,0.34,0.47]
Name#5c885a
HCL[141.09,31.9,52.53]
oklab[0.58,-0.07,0.05]
Num6064218
HSI[117.8,0.15,0.42]
lab[52.53,-24.82,20.04]
Lighten
#93b791
Darken
#324b31
Saturate
#479f43
Desaturate
#717171
Greyscale
#717171
Brighten
#8fbb8d

Color harmonies of #5c885a

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.
#5c885a
#5a5c88
#885a5c

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.
#5c885a
#5a7388
#865a88
#886f5a

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.
#5c885a
#79b376
#95dd92
#060806
#223322
#3f5d3e

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.
#5c885a
#6e885a
#65885a
#5c885a
#5a8861
#5a886a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5c885a
#5a8188
#885a6e

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
#f3f7f3
#e8eee7
#dce6dc
#d0ddd0
#c5d5c4
#b9ccb8
#aec4ad
#a2bba1
#96b395
#8baa89
#7fa27d
#739972
#689166
#5c885a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070a06
#0d130d
#141d13
#1a271a
#213120
#273a27
#2e442d
#354e33
#3b573a
#426140
#486b47
#4f754d
#557e54
#5c885a

Contrast Checker

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

4.098 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.124 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 #5c885a

Some examples of color palettes with #5c885a. View more

Use #5c885a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet