#7697B9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7697b9 graphic
#7697b9 is a muted, cool blue with gray undertones and moderate lightness. Its ashy finish suggests trust, reliability, and control without feeling harsh. Use it as a supporting tone in finance, healthcare, technology, or government branding, especially beside navy or warm white. Black text reads clearly over this color, meeting WCAG AA for body text. The hex code is #7697b9.

Questions about #7697b9

What is #7697b9 in RGB, HSL and CMYK?
In RGB, #7697b9 is rgb(118, 151, 185), in HSL hsl(210, 32%, 59%) and in CMYK 36%, 18%, 0%, 27%.
What colors pair well with #7697b9?
It pairs well with navy for depth, warm white for contrast, and terracotta for restrained warmth. Navy or charcoal accents create a formal palette, while warm white keeps the muted blue feeling lighter and more open.
Does #7697b9 feel warm or cool?
#7697b9 reads as a cool blue because its blue base is balanced by gray undertones rather than yellow or red warmth. Its moderate lightness keeps it approachable, while the ashy finish adds a controlled, dependable mood.
Does #7697b9 work with black text?
Black text provides strong contrast on #7697b9 and meets WCAG AA for normal body text, making this muted blue suitable for readable interface surfaces and content areas in many layouts. Check the final text size, weight, and surrounding colors in your accessibility tool before publishing.
Is #7697b9 readable on white or black?
#7697b9 has a 3.04:1 contrast ratio on white and 6.89: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.