#3A7257 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and slightly ashy, #3a7257 is a medium-dark green with gray and blue undertones. Its restrained saturation gives branding a stable, natural feel suited to sustainability, finance, pharmacy, and gardening. Use it as a supporting tone with warm cream or pale clay, rather than a full-page background. The hex code #3a7257 supports white body text at about 5.6:1 contrast.
Questions about #3a7257
What is #3a7257 in RGB, HSL and CMYK?
In RGB, #3a7257 is rgb(58, 114, 87), in HSL hsl(151, 33%, 34%) and in CMYK 49%, 0%, 24%, 55%.
What colors pair well with #3a7257?
#3a7257 pairs well with warm cream, pale clay, and muted terracotta because their warmth balances its cool blue-gray undertones without overpowering its restrained green. Use cream for spacious backgrounds and clay or terracotta for small accents.
Does #3a7257 look warm or cool?
#3a7257 reads slightly cool because its green base is softened by blue and gray undertones. Its moderate saturation keeps the effect grounded rather than icy, so it can still sit comfortably beside warm neutrals and natural materials.
Is #3a7257 readable on white or black?
#3a7257 has a 5.63:1 contrast ratio on white and 3.72: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.