#5C6BC0

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

#5C6BC0

RGB

rgb(92, 107, 192)

RGBA

rgba(92, 107, 192, 1)

HSL

hsl(231, 44.25%, 55.69%)

HSLA

hsla(231, 44%, 56%, 1)

CMYK

cmyk(52%, 44%, 0%, 25%)

Color Palettes

Harmonious color combinations based on #5C6BC0

Monochromatic

Shades and tints of the same hue

#0E1225

#2B356E

#4758B8

#919BD4

#DADEF1

Analogous

Adjacent colors on the color wheel

#5DC0B1

#5D9EC0

#5C6BC0

#805DC0

#B15DC0

Complementary

Opposite color for maximum contrast

#5C6BC0

#C0B15D

Triadic

Three evenly spaced colors

#5C6BC0

#C05D6C

#6CC05D

CSS Usage Examples

Background

background-color: #5C6BC0;

Text

color: #5C6BC0;

Border

border: 2px solid #5C6BC0;

Shadow

box-shadow: 0 4px 6px #5C6BC040;

Related Colors

Discover harmonious color variations

Complementary

#C0B15C

Opposite on color wheel

Lighter

#A6AEDC

+20% lightness

Darker

#333F83

-20% lightness

Analogous -30°

#5C9DC0

Adjacent color

Analogous +30°

#7F5CC0

Adjacent color