Color picker

#564b59

Conversion

HEX#564b59
HEX8#564b59ff
RGBrgb(86, 75, 89)
CMYK[0.03,0.16,0,0.65]
Name#564b59
HCL[319.02,9.98,33.42]
oklab[0.43,0.02,-0.02]
Num5655385
HSI[288.26,0.1,0.33]
lab[33.42,7.53,-6.55]
Lighten
#8b7b8f
Darken
#201c22
Saturate
#5f3b69
Desaturate
#525252
Greyscale
#525252
Brighten
#897e8c

Color harmonies of #564b59

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.
#564b59
#59564b
#4b5956

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.
#564b59
#594f4b
#4e594b
#4b5559

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.
#564b59
#7f6f83
#a893ae
#d1b6d8
#040304
#2d272e

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.
#564b59
#504b59
#534b59
#564b59
#594b59
#594b56

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#564b59
#594b4b
#4b5950

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
#dbd8db
#cfccd0
#c3bfc4
#b7b2b8
#aba5ac
#9e98a0
#928b94
#867e88
#7a727d
#6e6571
#625865
#564b59

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060506
#0c0b0d
#121013
#191519
#1f1b20
#252026
#2b262d
#312b33
#373039
#3d3640
#443b46
#4a404c
#504653
#564b59

Contrast Checker

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

8.247 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.546 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 #564b59

Some examples of color palettes with #564b59. View more

Use #564b59 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet