#53146B Hex Color

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

Hex color #53146b graphic
#53146b is a saturated, somber violet with a heavy, ink-like quality. It functions best as a dominant base for moody UI or dark mode interfaces where white text provides necessary readability. Avoid using this hex code for fine details, as it tends to lose clarity at smaller scales. Pair it with soft, muted grays to keep the composition from feeling too aggressive or overwhelming.

Questions about #53146b

What is #53146b in RGB, HSL and CMYK?
In RGB, #53146b is rgb(83, 20, 107), in HSL hsl(283, 69%, 25%) and in CMYK 22%, 81%, 0%, 58%.
How can I effectively use #53146b in a UI design?
#53146b functions best as a dominant base for dark mode interfaces or moody, high-contrast layouts. Because this shade is so saturated and deep, it requires crisp white or pale, muted text to maintain legibility and prevent the design from feeling too heavy.
Which color combinations work best with #53146b?
To keep the composition from feeling aggressive, pair #53146b with soft, neutral grays or muted off-white tones. Using lighter, desaturated accents helps balance the intensity of the violet, ensuring your layout remains accessible and professional for the end user.
Is #53146b readable on white or black?
#53146b has a 12.49:1 contrast ratio on white and 1.68: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.