#563D82

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

#563D82

RGB

rgb(86, 61, 130)

RGBA

rgba(86, 61, 130, 1)

HSL

hsl(261.74, 36.13%, 37.45%)

HSLA

hsla(262, 36%, 37%, 1)

CMYK

cmyk(34%, 53%, 0%, 49%)

Color Palettes

Harmonious color combinations based on #563D82

Monochromatic

Shades and tints of the same hue

#171023

#453168

#7352AD

#AB97CE

#E3DCEF

Analogous

Adjacent colors on the color wheel

#3C6780

#3C4580

#563D82

#773C80

#803C67

Complementary

Opposite color for maximum contrast

#563D82

#67803C

Triadic

Three evenly spaced colors

#563D82

#80553C

#3C8055

CSS Usage Examples

Background

background-color: #563D82;

Text

color: #563D82;

Border

border: 2px solid #563D82;

Shadow

box-shadow: 0 4px 6px #563D8240;

Related Colors

Discover harmonious color variations

Complementary

#69823D

Opposite on color wheel

Lighter

#886BBA

+20% lightness

Darker

#281C3D

-20% lightness

Analogous -30°

#3D4682

Adjacent color

Analogous +30°

#783D82

Adjacent color