#688CD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#688cd0 is a cool, moderately muted blue with a soft gray undertone and medium-light value. Its restrained saturation suggests trust and control, making it suitable for finance, technology, healthcare, and security interfaces. Use it as a supporting brand tone or UI accent; black text provides strong readable contrast. The hex code is #688cd0.
Questions about #688cd0
What is #688cd0 in RGB, HSL and CMYK?
In RGB, #688cd0 is rgb(104, 140, 208), in HSL hsl(219, 53%, 61%) and in CMYK 50%, 33%, 0%, 18%. Browse more shades of blue with names and hex codes.
What colors pair well with #688cd0?
#688cd0 pairs well with charcoal, warm off-white, and muted terracotta because its cool, restrained blue gains depth from darker neutrals and warmth from earthy accents without losing its dependable tone.
Where does #688cd0 work best in a visual system?
#688cd0 works best as a supporting brand color, dashboard accent, or medium-size UI surface where its moderate saturation stays clear without overpowering content across repeated components, navigation states, and status indicators. It suits finance, healthcare, security, and technology products.
Is #688cd0 readable on white or black?
#688cd0 has a 3.35:1 contrast ratio on white and 6.25: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.