#535C5A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted teal leans heavily into grey, offering a sophisticated and moody alternative to standard dark neutrals. Because it sits on the cooler side of the spectrum, #535c5a works best as a balanced background for UI designs or technology branding. White text is highly readable against this hex code, providing excellent contrast for interfaces that require a grounded, serious aesthetic.
Questions about #535c5a
What is #535c5a in RGB, HSL and CMYK?
In RGB, #535c5a is rgb(83, 92, 90), in HSL hsl(167, 5%, 34%) and in CMYK 10%, 0%, 2%, 64%.
What makes #535c5a a good choice for user interface design?
The muted, desaturated nature of #535c5a ensures that white text remains highly legible, providing the perfect balance of readability and visual interest for professional dashboards or complex web applications. It serves as a subtle, grounding background that never overwhelms the primary content.
Which colors create a harmonious scheme with #535c5a?
This color pairs beautifully with warm, earthy neutrals like sand or warm beige to offset its inherent coolness. For a higher-contrast, modern look, it also works well alongside crisp off-whites or soft creams to maintain a balanced, readable interface.
Is #535c5a readable on white or black?
#535c5a has a 6.89:1 contrast ratio on white and 3.04: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.