Color picker

#5c7353

Conversion

HEX#5c7353
HEX8#5c7353ff
RGBrgb(92, 115, 83)
CMYK[0.2,0,0.28,0.55]
Name#5c7353
HCL[135.06,21.26,45.85]
oklab[0.53,-0.04,0.04]
Num6058835
HSI[104.18,0.14,0.38]
lab[45.85,-15.05,15.02]
Lighten
#8fa785
Darken
#2d3828
Saturate
#53873f
Desaturate
#636363
Greyscale
#636363
Brighten
#8fa686

Color harmonies of #5c7353

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.
#5c7353
#535c73
#73535c

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.
#5c7353
#536c73
#6a5373
#735a53

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.
#5c7353
#7e9d72
#a0c890
#c2f2af
#181e16
#3a4834

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.
#5c7353
#697353
#627353
#5c7353
#567353
#537357

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5c7353
#537370
#735369

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
#f3f5f3
#e8ebe6
#dce1da
#d0d7ce
#c5cdc2
#b9c3b5
#aeb9a9
#a2af9d
#96a590
#8b9b84
#7f9178
#73876c
#687d5f
#5c7353

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070806
#0d100c
#141912
#1a2118
#21291e
#273124
#2e3a2a
#35422f
#3b4a35
#42523b
#485a41
#4f6347
#556b4d
#5c7353

Contrast Checker

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

5.208 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.032 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 #5c7353

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

Use #5c7353 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet