#9A3C4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, brick-red shade carries a serious, grounded weight. Because #9a3c4d is desaturated and dim, it works best as a sophisticated accent color rather than a dominant background. Pair it with soft, creamy off-whites to balance its moody character without making it feel washed out. Its high contrast ratio against white text makes it a reliable choice for UI elements that need to feel established and stable.
Questions about #9a3c4d
What is #9a3c4d in RGB, HSL and CMYK?
In RGB, #9a3c4d is rgb(154, 60, 77), in HSL hsl(349, 44%, 42%) and in CMYK 0%, 61%, 50%, 40%.
What colors pair best with #9a3c4d for UI design?
This brick-red works best when balanced against cream or off-white backgrounds to maintain its grounded, serious character. Using neutral, light-toned accents keeps the interface readable without washing out the color's natural, muted depth.
Is #9a3c4d suitable for primary button text or backgrounds?
Due to its high contrast against light surfaces, #9a3c4d is excellent for actionable UI elements like buttons or borders where you need to convey stability. Its desaturated nature prevents it from feeling too aggressive or overwhelming.
Is #9a3c4d readable on white or black?
#9a3c4d has a 6.71:1 contrast ratio on white and 3.12: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.