#04A505 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #04a505 graphic
This saturated, high-intensity green demands immediate attention. Due to its extreme chroma, it functions best as a focused accent or a bold call to action rather than a large background field. Because black text offers a strong 6.4:1 contrast ratio against it, this hue works well for legible, high-impact buttons. The hex code for this color is #04a505.

Questions about #04a505

What is #04a505 in RGB, HSL and CMYK?
In RGB, #04a505 is rgb(4, 165, 5), in HSL hsl(120, 95%, 33%) and in CMYK 98%, 0%, 97%, 35%. Browse more shades of green with names and hex codes.
How should I use #04a505 in a UI design?
#04a505 is best utilized as a focused accent color rather than a primary background shade due to its extreme chroma. It works exceptionally well for call to action buttons because it provides a strong 6.4:1 contrast ratio against black text.
What colors pair well with #04a505?
This intense green pairs naturally with neutral tones to balance its high energy. Use a deep charcoal for high-contrast text, or introduce a soft, cool slate to prevent the vibrant green from overwhelming your interface composition.
Is #04a505 readable on white or black?
#04a505 has a 3.28:1 contrast ratio on white and 6.38: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.