#50475E Hex Color

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

Hex color #50475e graphic
This dusty, muted violet feels grounded and serious, avoiding the brightness of standard purples. Because it is highly unsaturated, it functions best as a sophisticated, moody background or a neutral supporting base. Pair the hex code #50475e with crisp white text, as it offers excellent contrast for readability. It reads clean and structured, making it a solid choice for modern, minimal user interfaces.

Questions about #50475e

What is #50475e in RGB, HSL and CMYK?
In RGB, #50475e is rgb(80, 71, 94), in HSL hsl(263, 14%, 32%) and in CMYK 15%, 24%, 0%, 63%.
How should I use #50475e in a design?
Use #50475e as a moody background or a grounding neutral to keep interfaces professional and understated. Because it is highly unsaturated, it provides a clean, serious backdrop that allows text and high-contrast UI elements to pop without competing for attention.
What colors pair well with #50475e?
This hex color pairs best with crisp white or off-white tones for readability, as well as muted cool gray for a monochrome look. To create a balanced palette, incorporate soft peach or pale sage as subtle accent colors that offset the violet's seriousness.
Is #50475e readable on white or black?
#50475e has a 8.73:1 contrast ratio on white and 2.40: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.