#5E547C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty violet brings a serious and slightly gloomy tone to any layout. Because it is highly unsaturated, #5e547c works best as a supporting background color rather than a main focal point. It pairs well with crisp white text, which offers a 6.9:1 contrast ratio for excellent readability. Use this shade in dark mode designs to ground brighter, more vivid accent colors.
Questions about #5e547c
What is #5e547c in RGB, HSL and CMYK?
In RGB, #5e547c is rgb(94, 84, 124), in HSL hsl(255, 19%, 41%) and in CMYK 24%, 32%, 0%, 51%.
When should I use #5e547c in a UI design?
Use #5e547c as a secondary background or text ground when you need to avoid the starkness of pure black. Because it is highly unsaturated, it works perfectly to anchor brighter, more vivid accent colors without overwhelming them, especially in dark mode layouts.
What colors pair well with #5e547c?
This muted violet pairs well with crisp white text for excellent readability, maintaining a strong 6.9:1 contrast ratio. For a balanced palette, introduce a warm terracotta to add vitality or a cool slate to lean into the color's inherent, slightly gloomy, and serious undertones.
Is #5e547c readable on white or black?
#5e547c has a 6.91:1 contrast ratio on white and 3.03: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.