#5699C9 Hex Color
A calm mid-tone blue for professional interfaces
This mid-tone, unsaturated blue carries a cool, clinical temperature that reads as professional and secure. Its muted quality works well as a primary background for UI in finance or technology, where it maintains readability with black text. While it sits comfortably on its own, it pairs surprisingly well with warm terracotta accents. The hex code for this shade is #5699c9.
Questions about #5699c9
What is #5699c9 in RGB, HSL and CMYK?
In RGB, #5699c9 is rgb(86, 153, 201), in HSL hsl(205, 52%, 56%) and in CMYK 57%, 24%, 0%, 21%.
What colors pair well with #5699c9?
#5699c9 works best when balanced by warm, earthy tones to counteract its clinical temperature. Consider using it alongside terracotta for a modern, sophisticated contrast or with a deep charcoal for clean, highly readable professional layouts.
Is #5699c9 suitable for text on a white background?
While #5699c9 is a pleasing blue, it does not meet standard WCAG accessibility contrast ratios against pure white backgrounds. You should use it primarily for graphical elements, buttons, or icons, and pair it with high-contrast text for accessibility.
Is #5699c9 readable on white or black?
#5699c9 has a 3.09:1 contrast ratio on white and 6.79: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.