#697FA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is muted and cool, lacking high saturation for an understated, professional look. Designers often use the hex code #697fa0 in tech and finance interfaces to convey reliability. It maintains a 5.1:1 contrast ratio with black text, making it a functional choice for UI backgrounds. Pair it with soft cream or dark charcoal to keep the palette grounded.
Questions about #697fa0
What is #697fa0 in RGB, HSL and CMYK?
In RGB, #697fa0 is rgb(105, 127, 160), in HSL hsl(216, 22%, 52%) and in CMYK 34%, 21%, 0%, 37%.
What colors pair well with #697fa0 in a design system?
Pair #697fa0 with a warm, soft cream to create a gentle contrast, or use a deep charcoal to ground the palette for a professional, tech-focused aesthetic. These combinations ensure readability while maintaining a balanced and sophisticated interface.
Is #697fa0 readable on white or black?
#697fa0 has a 4.08:1 contrast ratio on white and 5.14: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.