#7566A0

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

#7566A0

RGB

rgb(117, 102, 160)

RGBA

rgba(117, 102, 160, 1)

HSL

hsl(255.52, 23.39%, 51.37%)

HSLA

hsla(256, 23%, 51%, 1)

CMYK

cmyk(27%, 36%, 0%, 37%)

Color Palettes

Harmonious color combinations based on #7566A0

Monochromatic

Shades and tints of the same hue

#17141F

#443B5E

#72629D

#AAA1C4

#E3E0EB

Analogous

Adjacent colors on the color wheel

#658F9F

#65739F

#7566A0

#91659F

#9F658F

Complementary

Opposite color for maximum contrast

#7566A0

#8F9F65

Triadic

Three evenly spaced colors

#7566A0

#9F7565

#659F75

CSS Usage Examples

Background

background-color: #7566A0;

Text

color: #7566A0;

Border

border: 2px solid #7566A0;

Shadow

box-shadow: 0 4px 6px #7566A040;

Related Colors

Discover harmonious color variations

Complementary

#91A066

Opposite on color wheel

Lighter

#AEA5C7

+20% lightness

Darker

#473D63

-20% lightness

Analogous -30°

#6674A0

Adjacent color

Analogous +30°

#9266A0

Adjacent color