#02A100 Hex Color

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

Hex color #02a100 graphic
#02a100 is a high-octane green that demands attention. Because of its extreme saturation, this color works best as an accent for call-to-action buttons or highlights rather than a full background. It pairs surprisingly well with deep charcoals, as black text creates a solid 6.1:1 contrast ratio for excellent readability. Use this hex code sparingly to anchor organic or eco-focused brand designs.

Questions about #02a100

What is #02a100 in RGB, HSL and CMYK?
In RGB, #02a100 is rgb(2, 161, 0), in HSL hsl(119, 100%, 32%) and in CMYK 99%, 0%, 100%, 37%.
How can I use #02a100 effectively in a UI design?
#02a100 is best utilized as an accent color for call-to-action buttons or highlights rather than a background. Because of its extreme saturation, it creates a powerful focal point that draws the eye immediately without overwhelming your interface.
What colors pair well with #02a100 for a professional design?
This green pairs exceptionally well with deep charcoal or near-black shades to ensure readability. The high contrast allows for clear text legibility while the green provides a fresh, organic energy that feels modern and intentional in professional layouts.
Is #02a100 readable on white or black?
#02a100 has a 3.44:1 contrast ratio on white and 6.10: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.