#553647 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted mauve functions as a serious, moody base for branding or UI components. Because it sits at a low saturation, #553647 provides an understated warmth that avoids the aggressive sweetness of brighter pinks. It pairs effectively with cool, slate grays or soft creams for contrast. Due to its dark, inky nature, white text offers the best readability against this hex code.
Questions about #553647
What is #553647 in RGB, HSL and CMYK?
In RGB, #553647 is rgb(85, 54, 71), in HSL hsl(327, 22%, 27%) and in CMYK 0%, 36%, 16%, 67%.
What colors pair best with #553647?
Because #553647 is a dark, muted mauve, it works exceptionally well when contrasted against off-white or soft creams to keep the design legible. For a more professional palette, incorporate slate gray to ground the warmth without adding unwanted saturation.
Does #553647 work for text and UI elements?
This color is quite dark, so it functions best as a background for light or white text rather than as a primary text color itself. When using #553647 in UI, ensure your foreground elements have enough contrast to meet readability standards for users.
Is #553647 readable on white or black?
#553647 has a 10.47:1 contrast ratio on white and 2.00: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.