#5B5774 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet carries an inherently moody and serious tone. With low saturation, #5b5774 works best as a sophisticated background color or a structural support element in dark mode interfaces. Because it offers strong contrast with white text, it maintains excellent readability for body copy. Avoid using it in large, flat blocks, as it can occasionally appear muddy without adjacent lighter accents.
Questions about #5b5774
What is #5b5774 in RGB, HSL and CMYK?
In RGB, #5b5774 is rgb(91, 87, 116), in HSL hsl(248, 14%, 40%) and in CMYK 22%, 25%, 0%, 55%. Browse more shades of purple with names and hex codes.
When is #5b5774 best used in UI design?
Use #5b5774 as a sophisticated background or structural element in dark mode interfaces. Because of its low saturation and strong contrast against lighter text, it maintains excellent readability while appearing more nuanced and elevated than standard neutral dark colors.
Which colors pair well with #5b5774?
This color works well with cream or warm beige accents to lift the potential muddiness often associated with muted purples. For high-contrast text, stick to softer, lighter neutrals rather than stark options to keep the overall palette feeling cohesive and professional.
Is #5b5774 readable on white or black?
#5b5774 has a 6.86:1 contrast ratio on white and 3.06: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.