#554E72 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted violet, #554e72 offers a serious mood. Its low saturation keeps it grounded, making it an ideal choice for dark mode backgrounds where you want structure without harsh intensity. White text reads clearly against this shade. Avoid using it for fine details, as it can look muddy. For a balanced palette, pair it with soft creams. The hex code is #554e72.
Questions about #554e72
What is #554e72 in RGB, HSL and CMYK?
In RGB, #554e72 is rgb(85, 78, 114), in HSL hsl(252, 19%, 38%) and in CMYK 25%, 32%, 0%, 55%.
What colors pair well with #554e72 in a design layout?
Pair #554e72 with soft creams or light off-white tones to maintain readability without creating visual fatigue. Because of its muted, dusty nature, it also works beautifully when accented with slate gray or warm metallic gold for a sophisticated, professional look.
Is #554e72 a good choice for text-heavy dark mode layouts?
#554e72 works effectively as a background color for dark mode interfaces because its low saturation prevents screen glare. Ensure that your text is set in a high-contrast white or light cream to maintain accessibility and clear legibility for your users.
Is #554e72 readable on white or black?
#554e72 has a 7.72:1 contrast ratio on white and 2.71: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.