#5C7AA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted blue offers a dusty, unsaturated appearance that feels restrained and professional. Because of its low chroma, #5c7aa4 functions best as a supporting background color rather than a primary focus. Pair it with crisp white or deep charcoal to maintain readability, as black text is clear against this shade. Use this hex code for corporate interfaces where reliability and subtlety are the design goals.
Questions about #5c7aa4
What is #5c7aa4 in RGB, HSL and CMYK?
In RGB, #5c7aa4 is rgb(92, 122, 164), in HSL hsl(215, 28%, 50%) and in CMYK 44%, 26%, 0%, 36%. Browse more shades of blue with names and hex codes.
How should I use #5c7aa4 in a professional user interface?
#5c7aa4 serves best as a secondary background or UI element color because its low chroma prevents it from overwhelming the user. Use it alongside crisp white or deep charcoal to maintain high readability and a clean, reliable aesthetic.
Does #5c7aa4 lean warm or cool in a design layout?
This color is a cool-toned, desaturated blue that feels grounded rather than icy. Because it carries a dusty undertone, it avoids the harshness of pure primary blues and brings a sense of stability to modern, minimalist color palettes.
Is #5c7aa4 readable on white or black?
#5c7aa4 has a 4.39:1 contrast ratio on white and 4.77: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.