#5A7158 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, #5a7158 is a dark green with gray undertones and very low saturation. Its matte appearance suits understated branding for gardening, pharmacy, finance, and sustainability projects. Use it as a supporting tone beside warm cream or faded terracotta rather than a dominant background. The hex code #5a7158 supports readable white body text at about a 5.3:1 contrast ratio.
Questions about #5a7158
What is #5a7158 in RGB, HSL and CMYK?
In RGB, #5a7158 is rgb(90, 113, 88), in HSL hsl(115, 12%, 39%) and in CMYK 20%, 0%, 22%, 56%. Browse more shades of green with names and hex codes.
What colors pair well with #5a7158?
#5a7158 pairs well with warm cream and faded terracotta, which soften its gray-green base without competing with its low saturation, creating a restrained palette that feels grounded, warm, and easy to balance. Use these warmer accents for buttons, illustrations, borders, or small areas of emphasis.
Does #5a7158 feel warm or cool?
#5a7158 reads as a cool-leaning, muted green because its gray undertones temper green's natural warmth, while its earthy depth keeps it from feeling overly icy or sharp in most palettes. Warm cream and terracotta accents can balance it.
Is #5a7158 suitable for white text?
#5a7158 provides about a 5.3:1 contrast ratio with white, making it suitable for normal-sized white text under WCAG AA guidance when the text is tested in its final context and font settings are confirmed. Check lighter tints separately, since lightening the background can reduce contrast.
Is #5a7158 readable on white or black?
#5a7158 has a 5.33:1 contrast ratio on white and 3.93: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.