#554455 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet feels incredibly dark and serious. Because it is highly desaturated, #554455 functions best as a supporting background rather than a primary focus. Pair it with soft creams or warm gold accents to prevent it from looking muddy. As it offers high contrast against white, you can comfortably use it for small text or fine UI details in dark mode palettes.
Questions about #554455
What is #554455 in RGB, HSL and CMYK?
In RGB, #554455 is rgb(85, 68, 85), in HSL hsl(300, 11%, 30%) and in CMYK 0%, 20%, 0%, 67%.
How can I effectively use #554455 in a user interface?
#554455 functions best as a background color or a subtle text anchor in dark mode designs because it offers high readability against white. To avoid a muddy look, pair this deep violet with cream or soft gold accents to lift its visual weight.
Does #554455 lean warm or cool in a design layout?
While #554455 contains strong purple undertones, its heavy desaturation gives it a neutral, moody quality that sits between warm and cool spectrums. This makes it a versatile choice for designers who need a serious color that won't distract from brighter focal points.
Is #554455 readable on white or black?
#554455 has a 8.95:1 contrast ratio on white and 2.34: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.