#5A3C94 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dim violet sits in a dark, moody register. Because of its high contrast against white text, #5a3c94 serves as a strong choice for UI backgrounds or gaming interfaces where readability matters. Pair it with soft cream or pale yellow to balance its serious, structured character. As a hex code, #5a3c94 performs best as a dominant base rather than a small, lost accent.
Questions about #5a3c94
What is #5a3c94 in RGB, HSL and CMYK?
In RGB, #5a3c94 is rgb(90, 60, 148), in HSL hsl(260, 42%, 41%) and in CMYK 39%, 59%, 0%, 42%.
What colors pair well with #5a3c94?
This deep violet works best when balanced by lighter, neutral tones to prevent it from overwhelming your design. Pair #5a3c94 with a soft cream or pale yellow to create a structured, professional contrast that improves readability on screens.
Is #5a3c94 a warm or cool color?
#5a3c94 sits firmly on the cool side of the spectrum, carrying a serious, somewhat somber undertone. Because it leans heavily into blue-violet rather than reddish-purple, it maintains a structured and authoritative quality, making it ideal for professional gaming interfaces.
Is #5a3c94 readable on white or black?
#5a3c94 has a 8.37:1 contrast ratio on white and 2.50: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.