Color picker

#574c58

Conversion

HEX#574c58
HEX8#574c58ff
RGBrgb(87, 76, 88)
CMYK[0.01,0.14,0,0.65]
Name#574c58
HCL[322.8,8.88,33.77]
oklab[0.43,0.02,-0.01]
Num5721176
HSI[295.69,0.09,0.33]
lab[33.77,7.07,-5.37]
Lighten
#8c7c8e
Darken
#211d21
Saturate
#653c68
Desaturate
#525252
Greyscale
#525252
Brighten
#8a7f8b

Color harmonies of #574c58

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.
#574c58
#58574c
#4c5857

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.
#574c58
#58514c
#4d584c
#4c5358

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.
#574c58
#817182
#ab95ad
#d5bad7
#030303
#2d272d

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.
#574c58
#524c58
#554c58
#574c58
#584c57
#584c54

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#574c58
#584d4c
#4c5852

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
#f3f2f3
#e7e5e7
#dbd9db
#cfcccf
#c3bfc3
#b7b2b7
#aba6ac
#9f99a0
#938c94
#877f88
#7b727c
#6f6670
#635964
#574c58

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060506
#0c0b0d
#131013
#191619
#1f1b1f
#252126
#2c262c
#322b32
#383139
#3e363f
#443c45
#4b414b
#514752
#574c58

Contrast Checker

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

8.14 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.58 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 #574c58

Some examples of color palettes with #574c58. View more

Use #574c58 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet