Color picker

#56713e

Conversion

HEX#56713e
HEX8#56713eff
RGBrgb(86, 113, 62)
CMYK[0.24,0,0.45,0.56]
Name#56713e
HCL[128.1,31.93,44.43]
oklab[0.51,-0.05,0.06]
Num5665086
HSI[91.95,0.29,0.34]
lab[44.43,-19.7,25.12]
Lighten
#88ac69
Darken
#242f1a
Saturate
#55822c
Desaturate
#575f4f
Greyscale
#575757
Brighten
#89a471

Color harmonies of #56713e

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.
#56713e
#3e5671
#713e56

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.
#56713e
#3e6f71
#593e71
#713f3e

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.
#56713e
#769b55
#97c66d
#b7f084
#151c0f
#364627

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.
#56713e
#6a713e
#60713e
#56713e
#4c713e
#42713e

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#56713e
#3e7163
#713e6a

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
#f3f5f1
#e7ebe3
#dbe1d6
#cfd6c8
#c3ccba
#b7c2ac
#abb89f
#9eae91
#92a483
#869a75
#7a8f67
#6e855a
#627b4c
#56713e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060804
#0c1009
#12180d
#192012
#1f2816
#25301b
#2b391f
#314123
#374928
#3d512c
#445931
#4a6135
#50693a
#56713e

Contrast Checker

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

5.487 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!
3.827 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 #56713e

Some examples of color palettes with #56713e. View more

Use #56713e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet