Color picker

#574740

Conversion

HEX#574740
HEX8#574740ff
RGBrgb(87, 71, 64)
CMYK[0,0.18,0.26,0.66]
Name#574740
HCL[50.57,8.75,31.59]
oklab[0.41,0.02,0.02]
Num5719872
HSI[17.27,0.14,0.29]
lab[31.59,5.56,6.76]
Lighten
#92776b
Darken
#1c1715
Saturate
#664131
Desaturate
#4b4b4b
Greyscale
#4b4b4b
Brighten
#8a7a73

Color harmonies of #574740

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.
#574740
#405747
#474057

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.
#574740
#445740
#405057
#524057

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.
#574740
#816a5f
#ac8c7f
#d6af9e
#020201
#2c2421

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.
#574740
#574042
#574240
#574740
#574c40
#575040

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#574740
#4b5740
#404257

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
#f3f2f1
#e7e5e4
#dbd8d6
#cfcac8
#c3bdbb
#b7b0ad
#aba3a0
#9f9692
#938984
#877c77
#7b6e69
#6f615b
#63544e
#574740

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060505
#0c0a09
#130f0e
#191412
#1f1917
#251e1b
#2c2420
#322925
#382e29
#3e332e
#443832
#4b3d37
#51423b
#574740

Contrast Checker

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

8.821 Very 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!
2.381 Very 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 #574740

Some examples of color palettes with #574740. View more

Use #574740 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet