#548474 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty teal carries a cool, ashy undertone that works best as a balanced background or supporting element in wellness and tech design. Because it is highly unsaturated, it provides a sophisticated alternative to gray for large surfaces. The hex code #548474 offers enough contrast to support small black body text, keeping your typography legible while maintaining a calm, understated aesthetic.
Questions about #548474
What is #548474 in RGB, HSL and CMYK?
In RGB, #548474 is rgb(84, 132, 116), in HSL hsl(160, 22%, 42%) and in CMYK 36%, 0%, 12%, 48%.
How should I use #548474 in my design layouts?
#548474 performs best as a grounded background color or a supporting element rather than a primary call-to-action button. Its low saturation allows it to function as a professional, soothing backdrop that remains highly readable when paired with charcoal or off-white typography.
Does #548474 have cool or warm undertones?
The #548474 color possesses distinct cool, ashy undertones that align it closer to a desaturated blue-green than a traditional forest green. This characteristic makes it ideal for wellness or tech branding where a calm, reserved, and intellectual mood is preferred over high-energy hues.
Is #548474 readable on white or black?
#548474 has a 4.25:1 contrast ratio on white and 4.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.