Skip to main content

#685FA0

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
#685FA0
RGB
rgb(104, 95, 160)
RGBA
rgba(104, 95, 160, 1)
HSL
hsl(248.31, 25.49%, 50%)
HSLA
hsla(248, 25%, 50%, 1)
CMYK
cmyk(35%, 41%, 0%, 37%)

Color Palettes

Harmonious color combinations based on #685FA0

Monochromatic

Shades and tints of the same hue

#151320
#3E3960
#68609F
#A49FC6
#E1DFEC

Analogous

Adjacent colors on the color wheel

#60979F
#60779F
#685FA0
#88609F
#9F6097

Complementary

Opposite color for maximum contrast

#685FA0
#979F60

Triadic

Three evenly spaced colors

#685FA0
#9F6860
#609F68

CSS Usage Examples

Background

background-color: #685FA0;

Text

color: #685FA0;

Border

border: 2px solid #685FA0;

Shadow

box-shadow: 0 4px 6px #685FA040;
Feedback