#697F89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan sits firmly between blue and grey, reading as an understated, professional neutral. Because of its low saturation, #697f89 works well as a supporting background color in UI designs, providing enough contrast for black text to remain legible. Pair it with soft creams or warm terracotta to balance its cooling effect, as it can feel too clinical on its own.
Questions about #697f89
What is #697f89 in RGB, HSL and CMYK?
In RGB, #697f89 is rgb(105, 127, 137), in HSL hsl(199, 13%, 47%) and in CMYK 23%, 7%, 0%, 46%. Browse more shades of gray with names and hex codes.
How can I balance the cooling effect of #697f89 in a design?
#697f89 can feel clinical on its own, so introduce warmth through your accent choices. Pairing it with terracotta or soft, creamy off-whites creates a sophisticated contrast that anchors the space and makes the composition feel more grounded and approachable.
Is #697f89 suitable for UI background usage?
Yes, #697f89 is an excellent neutral for digital interfaces because its low saturation minimizes eye strain. It provides a stable backdrop that allows both dark text and vibrant primary colors to stand out without the color itself competing for attention.
Is #697f89 readable on white or black?
#697f89 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.