#688AD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its cool, muted saturation and medium-light value, #688ad0 gives layouts a steady, dependable blue foundation. Its soft gray undertones support themes of trust and control, making it useful for finance, healthcare, technology, and government branding. Use it as a supporting 30% color beside charcoal or warm white. Black text reaches about a 6.1:1 contrast ratio. The hex code is #688ad0.
Questions about #688ad0
What is #688ad0 in RGB, HSL and CMYK?
In RGB, #688ad0 is rgb(104, 138, 208), in HSL hsl(220, 53%, 61%) and in CMYK 50%, 34%, 0%, 18%.
What colors pair well with #688ad0?
Does #688ad0 look warm or cool?
#688ad0 reads as a cool, muted blue because its blue base is softened by gray undertones, giving it a steady, controlled mood that feels dependable without the intensity of a darker navy. It suits restrained interfaces and technology, finance, or healthcare visuals.
Is #688ad0 readable on white or black?
#688ad0 has a 3.42:1 contrast ratio on white and 6.13: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.