#5B46A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5b46a3 is a cool, saturated violet that leans into a moody, somber aesthetic. Because of its dark intensity, it serves as an excellent base for high-contrast UI components or atmospheric branding. While white text reads clearly against this shade, use it sparingly as a dominant background to avoid making a layout feel too heavy. The hex code for this serious tone is #5b46a3.
Questions about #5b46a3
What is #5b46a3 in RGB, HSL and CMYK?
In RGB, #5b46a3 is rgb(91, 70, 163), in HSL hsl(254, 40%, 46%) and in CMYK 44%, 57%, 0%, 36%.
How can I effectively use #5b46a3 in user interface design?
#5b46a3 works best as an accent color rather than a primary background because of its dark, heavy intensity. Use it for buttons, active states, or call-to-action elements where white text ensures high readability and strong visual hierarchy against the dark surface.
What color schemes pair well with the intensity of #5b46a3?
Is #5b46a3 readable on white or black?
#5b46a3 has a 7.36:1 contrast ratio on white and 2.84: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.