#54736E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#54736e is a dark, muted teal with ashy gray undertones and a matte, dusty finish. Its low saturation creates a restrained, sophisticated mood suited to wellness, healthcare, technology, and hospitality interfaces. Use it as a supporting tone with warm ivory or pale apricot. White text provides about 5.2:1 contrast, meeting WCAG AA for body text. The hex code is #54736e.
Questions about #54736e
What is #54736e in RGB, HSL and CMYK?
In RGB, #54736e is rgb(84, 115, 110), in HSL hsl(170, 16%, 39%) and in CMYK 27%, 0%, 4%, 55%.
What colors pair well with #54736e?
For a calm, balanced palette, #54736e pairs well with warm ivory, pale apricot, and soft beige, which counter its cool, gray-leaning teal character while preserving its restrained, matte feel in layouts. Use darker charcoal for text or stronger visual definition.
Where does #54736e work best?
#54736e works well in wellness, healthcare, technology, and hospitality interfaces where a low-saturation teal can create a composed, trustworthy backdrop without the intensity of brighter greens or blues in busy layouts. Apply it to supporting panels, navigation, or quiet accent areas.
Is #54736e readable on white or black?
#54736e has a 5.17:1 contrast ratio on white and 4.05: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.