#569332 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green carries a punchy energy, making it an effective choice for interface accents or buttons. The hex code for this lime shade is #569332. It supports a 5.6:1 contrast ratio against black, so it works well for small, legible body text. While it pairs nicely with neutral tones like those found when mixing gray, use it as a 10% highlight rather than a background.
Questions about #569332
What is #569332 in RGB, HSL and CMYK?
In RGB, #569332 is rgb(86, 147, 50), in HSL hsl(98, 49%, 39%) and in CMYK 41%, 0%, 66%, 42%.
How can I best utilize #569332 in a UI design?
Use #569332 as a 10% highlight rather than a background to keep your interface clean. It works exceptionally well for call-to-action buttons or success states because it maintains a 5.6:1 contrast ratio against black, ensuring excellent legibility for users.
Which neutral colors pair best with #569332?
Pair #569332 with charcoal or dark gray tones to ground its high energy without competing for attention. Using it alongside muted neutrals prevents the bright green from overwhelming the layout, creating a balanced, modern professional look.
Is #569332 readable on white or black?
#569332 has a 3.73:1 contrast ratio on white and 5.61: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.