#7697A9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a professional, muted weight. It functions well as a grounding neutral for tech or finance interfaces. Its moderate darkness ensures strong readability, supporting black text with a 6.8:1 contrast ratio. Because it can feel flat in isolation, pair it with sharp charcoal to prevent a muddy appearance. The hex code for this dusty blue is #7697a9.
Questions about #7697a9
What is #7697a9 in RGB, HSL and CMYK?
In RGB, #7697a9 is rgb(118, 151, 169), in HSL hsl(201, 23%, 56%) and in CMYK 30%, 11%, 0%, 34%.
What colors pair best with #7697a9?
#7697a9 works best when anchored by high-contrast neutrals. Pairing it with deep charcoal prevents the blue from looking muddy or flat, while clean off-white backgrounds help maintain its professional, airy quality in web interface design.
Is #7697a9 a good choice for text?
Yes, #7697a9 offers excellent readability on light backgrounds. It maintains a strong contrast ratio of 6.8:1 against standard black text, making it a reliable, accessible choice for UI elements like buttons, sidebars, and navigational headers.
Is #7697a9 readable on white or black?
#7697a9 has a 3.10:1 contrast ratio on white and 6.76: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.