#565294

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

#565294

RGB

rgb(86, 82, 148)

RGBA

rgba(86, 82, 148, 1)

HSL

hsl(243.64, 28.7%, 45.1%)

HSLA

hsla(244, 29%, 45%, 1)

CMYK

cmyk(42%, 45%, 0%, 42%)

Color Palettes

Harmonious color combinations based on #565294

Monochromatic

Shades and tints of the same hue

#131221

#393663

#5F5BA4

#9F9CC9

#DFDEED

Analogous

Adjacent colors on the color wheel

#519094

#516E94

#565294

#775194

#945190

Complementary

Opposite color for maximum contrast

#565294

#909451

Triadic

Three evenly spaced colors

#565294

#945651

#519456

CSS Usage Examples

Background

background-color: #565294;

Text

color: #565294;

Border

border: 2px solid #565294;

Shadow

box-shadow: 0 4px 6px #56529440;

Related Colors

Discover harmonious color variations

Complementary

#909452

Opposite on color wheel

Lighter

#908CC0

+20% lightness

Darker

#302E52

-20% lightness

Analogous -30°

#526F94

Adjacent color

Analogous +30°

#775294

Adjacent color