#54206E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#54206e is a dark, moody violet with low saturation that feels dense and grounded. Because it is quite dim, use this hex code as a 60% base for dark mode interfaces or as an accent in luxury branding. White text is highly readable against this shade, ensuring solid accessibility for small body text. Avoid pairing it with lighter, washed-out tones to prevent it from looking muddy.
Questions about #54206e
What is #54206e in RGB, HSL and CMYK?
In RGB, #54206e is rgb(84, 32, 110), in HSL hsl(280, 55%, 28%) and in CMYK 24%, 71%, 0%, 57%.
What colors pair best with #54206e?
Because #54206e is so dark and saturated, it pairs well with bright, high-contrast metallics or crisp neutrals to prevent muddiness. Try balancing this violet with cream or silver to lift its heavy, grounded appearance for a more luxurious design finish.
How should I use #54206e in UI design?
Use #54206e as a 60% base for dark mode interfaces where you need readability and depth. Because white text remains highly legible against this hue, it creates a sophisticated, grounded aesthetic that functions well for navigation bars or deep background sections in professional branding.
Is #54206e readable on white or black?
#54206e has a 11.61:1 contrast ratio on white and 1.80: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.