#89B430 Hex Color

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

Hex color #89b430 graphic
This high-energy lime tone demands attention with its intense, saturated yellow-green character. Because it can quickly overwhelm a design, it functions best as a high-impact accent or CTA button rather than a large background field. It pairs surprisingly well with deep charcoal grays to ground its loudness. The hex code for this color is #89b430, which maintains strong accessibility against black text.

Questions about #89b430

What is #89b430 in RGB, HSL and CMYK?
In RGB, #89b430 is rgb(137, 180, 48), in HSL hsl(80, 58%, 45%) and in CMYK 24%, 0%, 73%, 29%.
What colors pair well with #89b430?
Use deep charcoal or near-black tones to ground this high-energy lime, as the contrast provides excellent readability for buttons and text. Alternatively, pairing #89b430 with soft lavender creates a balanced, modern contrast that tempers its intense, yellow-green saturation.
Is #89b430 suitable for large-scale web backgrounds?
Using #89b430 as a full background usually overwhelms the user experience due to its high saturation and intensity. It is more effective as a precise accent color to draw attention to interactive elements, navigation headers, or important data visualization highlights.
Is #89b430 readable on white or black?
#89b430 has a 2.43:1 contrast ratio on white and 8.63: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.