#5D707E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, muted blue relies on heavy grey undertones to create a serious, professional mood. Because it is dark and desaturated, the hex code #5d707e functions best as a base for clean UI elements. It maintains strong accessibility with white text at a 5.1:1 contrast ratio. Use it sparingly, as the shade can appear muddy if paired with other dull, dark tones.
Questions about #5d707e
What is #5d707e in RGB, HSL and CMYK?
In RGB, #5d707e is rgb(93, 112, 126), in HSL hsl(205, 15%, 43%) and in CMYK 26%, 11%, 0%, 51%.
When should I use #5d707e in my design?
Use #5d707e as a neutral base for UI elements or background sections where a professional, serious tone is required. Because it is highly desaturated, it avoids visual clutter while maintaining a 5.1:1 contrast ratio against standard white text.
Which colors pair well with #5d707e?
This muted blue works best with warm, lighter neutrals like cream or soft off-whites to prevent the design from feeling muddy. Avoid pairing #5d707e with other dull, dark tones, as the combination often lacks the necessary contrast for modern interfaces.
Is #5d707e readable on white or black?
#5d707e has a 5.14:1 contrast ratio on white and 4.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.