#555D7E Hex Color

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

Hex color #555d7e graphic
This dusty, muted indigo offers a somber, desaturated alternative to traditional navy. With its cool, matte undertones, the hex code #555d7e provides excellent readability against white text, making it a reliable base for dark UI layouts. It lacks the starkness of black, so it works best as a sophisticated, moody background. Pair it with soft cream or muted mustard to keep the palette grounded and intentional.

Questions about #555d7e

What is #555d7e in RGB, HSL and CMYK?
In RGB, #555d7e is rgb(85, 93, 126), in HSL hsl(228, 19%, 41%) and in CMYK 33%, 26%, 0%, 51%.
What colors pair well with #555d7e?
#555d7e pairs beautifully with soft cream or muted mustard tones to ground the palette and maintain an intentional, designer-led aesthetic. These warm neutrals effectively balance the cool, desaturated indigo, creating a harmonious contrast that remains easy on the eyes for web interfaces.
Where should I use #555d7e in a UI design?
Use #555d7e as a sophisticated alternative to stark black or traditional navy when building dark mode interfaces or moody, minimalist website backgrounds. It offers superior readability when paired with clean white text while feeling much softer and more premium than standard, flat dark grays.
Is #555d7e readable on white or black?
#555d7e has a 6.45:1 contrast ratio on white and 3.25: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.