#688DC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#688dc9 is a muted, matte blue with a cool, slightly gray undertone. Its medium lightness and restrained saturation suit trust-focused interfaces, finance, healthcare, and government branding. Use it as a supporting tone beside dark navy or charcoal. Black text has about a 6.2:1 contrast ratio against this color, enough for WCAG AA body text. The hex code is #688dc9.
Questions about #688dc9
What is #688dc9 in RGB, HSL and CMYK?
In RGB, #688dc9 is rgb(104, 141, 201), in HSL hsl(217, 47%, 60%) and in CMYK 48%, 30%, 0%, 21%.
What colors pair well with #688dc9?
#688dc9 pairs well with charcoal, dark navy, muted burgundy, and warm off-white, which give its cool, dusty blue character enough contrast and visual definition without making the palette feel harsh. Use darker partners for text and structure, while burgundy works best for small accents.
Is #688dc9 readable on white or black?
#688dc9 has a 3.36:1 contrast ratio on white and 6.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.