#686E9F

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

#686E9F

RGB

rgb(104, 110, 159)

RGBA

rgba(104, 110, 159, 1)

HSL

hsl(233.45, 22.27%, 51.57%)

HSLA

hsla(233, 22%, 52%, 1)

CMYK

cmyk(35%, 31%, 0%, 38%)

Color Palettes

Harmonious color combinations based on #686E9F

Monochromatic

Shades and tints of the same hue

#14151F

#3C405D

#636A9C

#A2A6C3

#E0E1EB

Analogous

Adjacent colors on the color wheel

#6AA099

#6A8BA0

#686E9F

#7E6AA0

#996AA0

Complementary

Opposite color for maximum contrast

#686E9F

#A0996A

Triadic

Three evenly spaced colors

#686E9F

#A06A70

#70A06A

CSS Usage Examples

Background

background-color: #686E9F;

Text

color: #686E9F;

Border

border: 2px solid #686E9F;

Shadow

box-shadow: 0 4px 6px #686E9F40;

Related Colors

Discover harmonious color variations

Complementary

#9F9968

Opposite on color wheel

Lighter

#A6AAC7

+20% lightness

Darker

#3F4262

-20% lightness

Analogous -30°

#68899F

Adjacent color

Analogous +30°

#7D689F

Adjacent color