Skip to main content

#564962

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
#564962
RGB
rgb(86, 73, 98)
RGBA
rgba(86, 73, 98, 1)
HSL
hsl(271.2, 14.62%, 33.53%)
HSLA
hsla(271, 15%, 34%, 1)
CMYK
cmyk(12%, 26%, 0%, 62%)

Color Palettes

Harmonious color combinations based on #564962

Monochromatic

Shades and tints of the same hue

#1A161D
#4D4158
#806C93
#B3A7BE
#E6E2E9

Analogous

Adjacent colors on the color wheel

#4A5664
#4A4A64
#564962
#644A63
#644A56

Complementary

Opposite color for maximum contrast

#564962
#56644A

Triadic

Three evenly spaced colors

#564962
#64574A
#4A6457

CSS Usage Examples

Background

background-color: #564962;

Text

color: #564962;

Border

border: 2px solid #564962;

Shadow

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