Skip to main content

#564386

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
#564386
RGB
rgb(86, 67, 134)
RGBA
rgba(86, 67, 134, 1)
HSL
hsl(257.01, 33.33%, 39.41%)
HSLA
hsla(257, 33%, 39%, 1)
CMYK
cmyk(36%, 50%, 0%, 47%)

Color Palettes

Harmonious color combinations based on #564386

Monochromatic

Shades and tints of the same hue

#161122
#423366
#6D55AA
#A899CC
#E2DDEE

Analogous

Adjacent colors on the color wheel

#437284
#435184
#564386
#764384
#844372

Complementary

Opposite color for maximum contrast

#564386
#728443

Triadic

Three evenly spaced colors

#564386
#845543
#438455

CSS Usage Examples

Background

background-color: #564386;

Text

color: #564386;

Border

border: 2px solid #564386;

Shadow

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