#5C3C56 Hex Color

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

Hex color #5c3c56 graphic
This dusty, muted magenta feels somber and reserved rather than bright. The hex code #5c3c56 carries a heavy, inky quality that makes it an excellent choice for moody UI backgrounds or grounded branding. It pairs well with cream or light taupe to avoid muddying the palette. Use this dark, unsaturated tone as a supporting element rather than a dominant base to keep your design feeling intentional.

Questions about #5c3c56

What is #5c3c56 in RGB, HSL and CMYK?
In RGB, #5c3c56 is rgb(92, 60, 86), in HSL hsl(311, 21%, 30%) and in CMYK 0%, 35%, 7%, 64%.
What colors pair well with #5c3c56?
#5c3c56 works best when balanced against neutral, lighter tones to keep the overall design legible and intentional. Try pairing it with cream or taupe to soften its heavy, inky nature while maintaining a professional and grounded aesthetic for your layout.
How should #5c3c56 be used in UI design?
Use #5c3c56 sparingly as an accent color for buttons, active states, or subtle background headers rather than as a primary base. Its dark, unsaturated quality can overwhelm a design, so it excels as a supporting element that adds maturity and sophistication.
Is #5c3c56 readable on white or black?
#5c3c56 has a 9.39:1 contrast ratio on white and 2.23: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.