#697CAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#697caa is an ashy, muted blue that brings a sense of professional restraint to any interface. Its desaturated quality makes it a reliable background choice for finance or healthcare applications where readability is paramount. Since black text provides excellent 5.1:1 contrast against it, this hex code works effectively for body content. Pair it with soft, warm creams rather than stark white to prevent a washed-out appearance.
Questions about #697caa
What is #697caa in RGB, HSL and CMYK?
In RGB, #697caa is rgb(105, 124, 170), in HSL hsl(222, 28%, 54%) and in CMYK 38%, 27%, 0%, 33%.
Does #697caa work well for body text in user interfaces?
Yes, #697caa works effectively for body content because it provides a strong 5.1:1 contrast ratio against standard black text. This balance ensures high readability in professional or corporate applications while maintaining a softer, less harsh aesthetic than pure primary blue.
What kind of color palette pairs best with #697caa?
This ashy blue pairs best with warm creams and soft beiges rather than stark white, which can make the color appear washed out. Using warm, earthy tones alongside #697caa helps ground the cool blue and creates a more balanced, inviting interface.
Is #697caa readable on white or black?
#697caa has a 4.14:1 contrast ratio on white and 5.06: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.