Skip to main content

#564863

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#564863
RGB
rgb(86, 72, 99)
RGBA
rgba(86, 72, 99, 1)
HSL
hsl(271.11, 15.79%, 33.53%)
HSLA
hsla(271, 16%, 34%, 1)
CMYK
cmyk(13%, 27%, 0%, 61%)

Color Palettes

Harmonious color combinations based on #564863

Monochromatic

Shades and tints of the same hue

#1A151E
#4D4059
#806B94
#B3A6BF
#E6E1EA

Analogous

Adjacent colors on the color wheel

#495665
#494965
#564863
#654964
#654956

Complementary

Opposite color for maximum contrast

#564863
#566549

Triadic

Three evenly spaced colors

#564863
#655749
#496557

CSS Usage Examples

Background

background-color: #564863;

Text

color: #564863;

Border

border: 2px solid #564863;

Shadow

box-shadow: 0 4px 6px #56486340;
Feedback