#489B0C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green hits with high intensity, making it an aggressive choice for UI accents or attention-grabbing calls to action. It functions poorly as a full background but pairs well with black text, providing a strong 6.0:1 contrast ratio for readable type. Designers should treat this as a primary accent rather than a base. The hex code for this bold color is #489b0c.
Questions about #489b0c
What is #489b0c in RGB, HSL and CMYK?
In RGB, #489b0c is rgb(72, 155, 12), in HSL hsl(95, 86%, 33%) and in CMYK 54%, 0%, 92%, 39%.
How can I use #489b0c effectively in interface design?
Apply #489b0c exclusively as a primary accent color for buttons or call-to-action elements rather than as a background shade. Because of its high saturation, it commands attention and works effectively against charcoal or dark gray text to ensure the contrast ratio remains readable.
Does #489b0c work well with other colors?
Is #489b0c readable on white or black?
#489b0c has a 3.51:1 contrast ratio on white and 5.96: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.