#685BC7

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

#685BC7

RGB

rgb(104, 91, 199)

RGBA

rgba(104, 91, 199, 1)

HSL

hsl(247.22, 49.09%, 56.86%)

HSLA

hsla(247, 49%, 57%, 1)

CMYK

cmyk(48%, 54%, 0%, 22%)

Color Palettes

Harmonious color combinations based on #685BC7

Monochromatic

Shades and tints of the same hue

#100D26

#302772

#5041BE

#968DD8

#DCD9F2

Analogous

Adjacent colors on the color wheel

#5CBBC7

#5C85C7

#685BC7

#9E5CC7

#C75CBB

Complementary

Opposite color for maximum contrast

#685BC7

#BBC75C

Triadic

Three evenly spaced colors

#685BC7

#C7685C

#5CC768

CSS Usage Examples

Background

background-color: #685BC7;

Text

color: #685BC7;

Border

border: 2px solid #685BC7;

Shadow

box-shadow: 0 4px 6px #685BC740;

Related Colors

Discover harmonious color variations

Complementary

#BAC75B

Opposite on color wheel

Lighter

#AEA7E1

+20% lightness

Darker

#3B308C

-20% lightness

Analogous -30°

#5B84C7

Adjacent color

Analogous +30°

#9E5BC7

Adjacent color