#685E9C

Color Details

HEX
#685E9C
RGB
rgb(104, 94, 156)
HSL
hsl(250, 25%, 49%)
CMYK
cmyk(33%, 40%, 0%, 39%)
Best text on this color #FFFFFF (CR 5.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #685e9c
Contrast 3.67:1 Fail
White on #685e9c
Contrast 5.72:1 AA
#685e9c on Black
Contrast 3.67:1 Fail
#685e9c on White
Contrast 5.72:1 AA

Tints & Shades

#867eb0
#a49ec4
#c3bfd7
#534b7d
#3e385e
#2a263e

Complement & Analogous

#929c5e
#875e9c
#5e739c

Triadic

#9c685e
#5e9c68

Monochrome

#2a263e #3e385e #685e9c #a49ec4 #c3bfd7 #e1dfeb

Analogous

#5e739c #8e9dba #685e9c #9f7eb0 #875e9c #6c4b7d

Complementary Mix

#3e385e #685e9c #a49ec4 #929c5e #b8bf96 #5f653d

Nearby Colors

#685e9b
#685e9d
#685e8c
#685eac

Embed #685E9C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #685E9C

#685E9C converts to RGB(104, 94, 156) and HSL(250, 25%, 49%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#685E9C FAQs

What is the RGB value of #685E9C?
RGB: 104, 94, 156. Copy as CSS: rgb(104, 94, 156)
Is #685E9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #685E9C?
Complement: #929c5e.
Does #685E9C have good contrast on white or black?
On white: 5.72:1 (AA (normal text)). On black: 3.67:1 (AA (large text)).