#685C9C

Color Details

HEX
#685C9C
RGB
rgb(104, 92, 156)
HSL
hsl(251, 26%, 49%)
CMYK
cmyk(33%, 41%, 0%, 39%)
Best text on this color #FFFFFF (CR 5.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #685c9c
Contrast 3.60:1 Fail
White on #685c9c
Contrast 5.83:1 AA
#685c9c on Black
Contrast 3.60:1 Fail
#685c9c on White
Contrast 5.83:1 AA

Tints & Shades

#867db0
#a49dc4
#c3bed7
#534a7d
#3e375e
#2a253e

Complement & Analogous

#929d5c
#895c9d
#5c719d

Triadic

#9d685c
#5c9d68

Monochrome

#2a253e #3e375e #685c9c #a49dc4 #c3bed7 #e1deeb

Analogous

#5c719d #8d9cba #685c9c #a17db1 #895c9d #6e4a7e

Complementary Mix

#3e375e #685c9c #a49dc4 #929d5c #b8bf95 #5f663c

Nearby Colors

#685c9b
#685c9d
#685c8c
#685cac

Embed #685C9C swatch

Embed this swatch

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

Open image

About #685C9C

#685C9C converts to RGB(104, 92, 156) and HSL(251, 26%, 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).

#685C9C FAQs

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