#5F323F Hex Color

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

Hex color #5f323f graphic
#5f323f is a dusty, unsaturated mauve with deep, somber undertones. This muted shade feels serious and moody, making it an excellent choice for backgrounds in darker interface designs. Because it offers strong contrast with white text, it remains legible even when used for smaller UI elements. Avoid using it in large, flat fields if you want to maintain a clean, crisp look.

Questions about #5f323f

What is #5f323f in RGB, HSL and CMYK?
In RGB, #5f323f is rgb(95, 50, 63), in HSL hsl(343, 31%, 28%) and in CMYK 0%, 47%, 34%, 63%.
Does #5f323f work well as a primary interface color?
It serves best as a background or accent color rather than a primary button color. Because #5f323f is quite dark and muted, it works effectively to ground a design when paired with lighter cream or off-white typography.
What colors pair well with #5f323f?
The somber, dusty nature of #5f323f pairs beautifully with soft, neutral tones that do not compete for attention. It looks particularly sophisticated when contrasted against muted sage or cool slate grays to maintain its serious, professional aesthetic.
Is #5f323f readable on white or black?
#5f323f has a 10.42:1 contrast ratio on white and 2.01: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.