#7C96A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a desaturated quality that feels grounded and professional. It serves as an excellent supporting tone in UI design, offering a stable backdrop that pairs cleanly with crisp white or dark charcoal accents. Because of its reliable readability, black text stands out clearly against #7c96a8. Use this hex code when your project needs a serious, authoritative, or corporate feel without appearing overly bright.
Questions about #7c96a8
What is #7c96a8 in RGB, HSL and CMYK?
In RGB, #7c96a8 is rgb(124, 150, 168), in HSL hsl(205, 20%, 57%) and in CMYK 26%, 11%, 0%, 34%.
Where does #7c96a8 work best in UI design?
#7c96a8 functions exceptionally well as a secondary background color or a soft, professional accent for navigation elements. Because it maintains high readability, it effectively supports high-contrast text, such as charcoal or near-black, ensuring your interface remains usable while looking polished.
Does #7c96a8 lean warm or cool?
#7c96a8 is a distinctly cool-toned blue, though its heavy desaturation gives it a muted, grounded appearance rather than a vibrant, icy feel. This makes it an ideal choice for corporate aesthetics where you need a reliable, serious color that does not distract.
Is #7c96a8 readable on white or black?
#7c96a8 has a 3.09:1 contrast ratio on white and 6.78: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.