#5C7F9F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue carries a dusty quality that feels professional and restrained. Because #5c7f9f is highly desaturated, it works best as a supporting background tone in UI design rather than a primary accent. It offers excellent legibility for black text, making it a reliable choice for finance or tech dashboards. Use it to build a calm, serious interface that avoids visual clutter.
Questions about #5c7f9f
What is #5c7f9f in RGB, HSL and CMYK?
In RGB, #5c7f9f is rgb(92, 127, 159), in HSL hsl(209, 27%, 49%) and in CMYK 42%, 20%, 0%, 38%.
Where should I use #5c7f9f in UI design?
#5c7f9f works best as a neutral background tone in dashboards or professional layouts where you need to avoid visual clutter. Because it is highly desaturated, it provides a stable canvas that allows foreground elements like buttons or charts to stand out without competing for attention.
What colors pair well with #5c7f9f for a balanced palette?
Pair #5c7f9f with charcoal or soft off-whites to maintain a sophisticated, corporate aesthetic. Since this blue has a dusty, muted quality, it also complements lighter, desaturated teals or warm greys without breaking the professional, restrained mood of your design.
Is #5c7f9f readable on white or black?
#5c7f9f 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.