Color picker

#564b77

Conversion

HEX#564b77
HEX8#564b77ff
RGBrgb(86, 75, 119)
CMYK[0.28,0.37,0,0.53]
Name#564b77
HCL[302.65,27.89,34.69]
oklab[0.44,0.03,-0.07]
Num5655415
HSI[253.9,0.2,0.37]
lab[34.69,15.05,-23.48]
Lighten
#887cac
Darken
#292438
Saturate
#4c388a
Desaturate
#605e64
Greyscale
#616161
Brighten
#897eaa

Color harmonies of #564b77

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.
#564b77
#77564b
#4b7756

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.
#564b77
#774b56
#6c774b
#4b776c

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.
#564b77
#7566a1
#9381cc
#b29bf6
#191522
#37304c

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.
#564b77
#4b5277
#4d4b77
#564b77
#5f4b77
#684b77

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#564b77
#774b63
#52774b

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
#f3f2f5
#e7e5ec
#dbd8e2
#cfccd8
#c3bfce
#b7b2c5
#aba5bb
#9e98b1
#928ba8
#867e9e
#7a7294
#6e658a
#625881
#564b77

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060509
#0c0b11
#12101a
#191522
#1f1b2b
#252033
#2b263c
#312b44
#37304d
#3d3655
#443b5e
#4a4066
#50466f
#564b77

Contrast Checker

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

7.87 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.668 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 #564b77

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

Use #564b77 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet