#687BA9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#687ba9 is a desaturated, dusty blue that leans cool and understated. Its muted character makes it an effective supporting tone rather than a dominant background, preventing it from appearing too flat. Pair it with crisp white or deep charcoal to create a professional, reliable UI palette. Because it maintains strong contrast for readability, black text works well against the hex code #687ba9 for accessibility.
Questions about #687ba9
What is #687ba9 in RGB, HSL and CMYK?
In RGB, #687ba9 is rgb(104, 123, 169), in HSL hsl(222, 27%, 54%) and in CMYK 38%, 27%, 0%, 34%.
What colors pair best with #687ba9 for professional design?
#687ba9 creates a stable, professional look when paired with charcoal or crisp white. The contrast between this dusty blue and neutral dark tones maintains excellent readability for text and creates a trustworthy, clean visual hierarchy in UI projects.
Is #687ba9 readable on white or black?
#687ba9 has a 4.20:1 contrast ratio on white and 4.99: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.