#5E3970 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty violet is a serious and grounded tone that brings a sense of structure to moody UI designs. Because it is highly unsaturated, #5e3970 works best as a dominant background or a sophisticated base layer. It provides enough contrast for white text to remain readable, offering a softer alternative to standard black or navy interfaces. The hex code for this shade is #5e3970.
Questions about #5e3970
What is #5e3970 in RGB, HSL and CMYK?
In RGB, #5e3970 is rgb(94, 57, 112), in HSL hsl(280, 33%, 33%) and in CMYK 16%, 49%, 0%, 56%.
Where should I use #5e3970 in UI design?
#5e3970 performs best as a dominant background or sophisticated base layer in moody, structured interfaces. Because it is highly unsaturated, it provides a stable foundation that allows UI elements or white text to stand out without competing for attention.
What colors pair well with #5e3970?
You can anchor this muted violet by pairing it with off-white for high-contrast, clean typography, or use a soft sage green to create a grounded, nature-inspired palette. These combinations maintain the serious, professional mood inherent to the hex code.
Is #5e3970 readable on white or black?
#5e3970 has a 9.14:1 contrast ratio on white and 2.29: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.