#354F4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty teal carries a serious, muted quality that works best as a grounding background element. Because it is highly desaturated, #354f4c avoids looking harsh and pairs well with crisp white text. Use this hex code in wellness or tech branding where you need a sense of professional calm. Avoid large blocks of solid color to keep the design from feeling too gloomy.
Questions about #354f4c
What is #354f4c in RGB, HSL and CMYK?
In RGB, #354f4c is rgb(53, 79, 76), in HSL hsl(173, 20%, 26%) and in CMYK 33%, 0%, 4%, 69%.
What colors pair effectively with #354f4c for a balanced palette?
Pair #354f4c with high-contrast, creamy whites or light greys to keep text readable against its dark, muted tone. To add warmth, try introducing a subtle terracotta or soft peach accent, which helps offset the inherent coolness of the teal without overpowering the design.
How should #354f4c be used in UI or web design?
Treat #354f4c as a grounding background element for headers, footers, or navigation bars rather than large body text blocks. Because it is highly desaturated, it feels sophisticated and stable, making it an excellent choice for financial or wellness-oriented interfaces that require a calm, authoritative presence.
Is #354f4c readable on white or black?
#354f4c has a 8.84:1 contrast ratio on white and 2.37: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.