#04A570 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The saturated, medium-dark green profile of #04a570 gives layouts a steady, practical feel with a slight blue undertone. It suits sustainability, pharmacy, finance, and gardening brands as a button, accent, or secondary color. Pair it with warm cream or deep navy. The hex code #04a570 supports black body text at about 6.6:1 contrast.
Questions about #04a570
What is #04a570 in RGB, HSL and CMYK?
In RGB, #04a570 is rgb(4, 165, 112), in HSL hsl(160, 95%, 33%) and in CMYK 98%, 0%, 32%, 35%.
What colors pair well with #04a570?
#04a570 pairs well with warm cream for softer contrast and deep navy for a stronger, grounded scheme; it also works as a focused accent beside neutral backgrounds in sustainability, pharmacy, finance, and gardening interfaces.
Does #04a570 read as warm or cool?
#04a570 reads as a cool green because its saturated green base has a slight blue undertone, giving it a steady, practical feel in interface and brand systems rather than a distinctly earthy cast. Warm cream and natural textures can soften its presence.
Does #04a570 work with black text?
#04a570 supports black text at about a 6.6:1 contrast ratio, which passes WCAG AA for normal text and makes it a practical background or accent when readable body copy matters. Check the final foreground and background combination, especially for smaller type.
Is #04a570 readable on white or black?
#04a570 has a 3.17:1 contrast ratio on white and 6.62: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.