#504477 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, inky violet with gray undertones, #504477 works as a dark mode background or a moody supporting tone in brand palettes. Its low saturation keeps layouts calm and understated, and white text on it reaches about 8.6:1 contrast, well past WCAG AA for body copy. Pair it with dusty mauve or soft gold accents. The hex code for this purple is #504477.
Questions about #504477
What is #504477 in RGB, HSL and CMYK?
In RGB, #504477 is rgb(80, 68, 119), in HSL hsl(254, 27%, 37%) and in CMYK 33%, 43%, 0%, 53%. Browse more shades of purple with names and hex codes.
What colors pair well with #504477?
Dusty mauve, warm taupe, and soft gold all flatter #504477. Its gray undertone keeps pairings muted, so avoid bright neons, which clash with its low saturation.
Is #504477 a good choice for dark mode UI?
Yes. White text on #504477 reaches roughly 8.6:1 contrast, which passes WCAG AA for body text, making it a reliable background for dark interfaces.
Is #504477 readable on white or black?
#504477 has a 8.62:1 contrast ratio on white and 2.43: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.