#04B556 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity green demands attention. It is too bold for large backgrounds but functions perfectly as an accent color for calls to action or UI highlights. Because it offers high contrast against black text, it maintains readability at smaller scales. The hex code for this lush green is #04b556. Pair it with dark grays or deep charcoal to ground its brightness.
Questions about #04b556
What is #04b556 in RGB, HSL and CMYK?
In RGB, #04b556 is rgb(4, 181, 86), in HSL hsl(148, 96%, 36%) and in CMYK 98%, 0%, 52%, 29%.
How can I effectively use #04b556 in a user interface?
#04b556 acts as a powerful accent color for calls to action, buttons, or alert badges where you need immediate visual focus. Pair it with neutral charcoal or dark gray text to maintain high readability while keeping the interface feeling clean and professional.
Is #04b556 readable on white or black?
#04b556 has a 2.70:1 contrast ratio on white and 7.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.