#5E5177 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy purple leans into a cool, dusty aesthetic. Because it lacks high saturation, #5e5177 works best as a moody background or a subtle base for sophisticated branding. It pairs effectively with cream or warm gray tones to avoid appearing too clinical. The hex code for this serious, understated shade is #5e5177, which maintains high accessibility when paired with clean white text.
Questions about #5e5177
What is #5e5177 in RGB, HSL and CMYK?
In RGB, #5e5177 is rgb(94, 81, 119), in HSL hsl(261, 19%, 39%) and in CMYK 21%, 32%, 0%, 53%.
What colors pair well with #5e5177 for UI design?
#5e5177 works best when paired with neutral, creamy off-whites or warm, light grays to ground its cool, ashy intensity. Avoid using pure black text, as it can feel too harsh against this muted violet; instead, opt for a soft charcoal or deep slate to maintain readability and sophistication.
Does #5e5177 appear warm or cool in a design layout?
#5e5177 is firmly a cool-toned color, defined by its desaturated, dusty purple character. Because it lacks high saturation, it doesn't carry the vibrant energy of a standard violet, making it much easier to use as a stable, moody background that won't overwhelm other elements.
Is #5e5177 readable on white or black?
#5e5177 has a 7.19:1 contrast ratio on white and 2.91: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 is too faint for text. Try other pairs in the contrast checker.