#5D2F74 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5d2f74 graphic
#5d2f74 is a dark, saturated violet with a serious and moody character. Because it sits on the deeper end of the spectrum, it works best as a primary background in dark mode interfaces or for luxury branding. White text provides excellent contrast against this hex code, making it highly readable for UI elements. Use it sparingly, as its density can overwhelm smaller, fine details.

Questions about #5d2f74

What is #5d2f74 in RGB, HSL and CMYK?
In RGB, #5d2f74 is rgb(93, 47, 116), in HSL hsl(280, 42%, 32%) and in CMYK 20%, 59%, 0%, 55%.
How should I use #5d2f74 in UI design?
#5d2f74 works best as a primary background for high-end, dark mode interfaces where luxury and sophistication are the goal. Because it is so dense, you should reserve it for large surfaces and pair it with high-contrast text like white or light gray to ensure readability.
What colors pair well with #5d2f74?
This deep violet pairs beautifully with metallic accents like gold or cool neutrals like slate to balance its moody intensity. You can also create a striking, modern contrast by using it alongside a soft cream or a muted mint for an unexpected pop.
Is #5d2f74 readable on white or black?
#5d2f74 has a 9.88:1 contrast ratio on white and 2.12: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.