#2EA36C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone green balances saturation and lightness for a reliable, grounded appearance. The hex code for this color is #2ea36c. It provides excellent legibility for black body text with a 6.6:1 contrast ratio, making it a strong choice for UI elements or branding that requires clear, readable communication. Pair it with soft, warm grays to avoid a harsh look in your design layouts.
Questions about #2ea36c
What is #2ea36c in RGB, HSL and CMYK?
In RGB, #2ea36c is rgb(46, 163, 108), in HSL hsl(152, 56%, 41%) and in CMYK 72%, 0%, 34%, 36%.
Does #2ea36c work well with black text?
#2ea36c creates a strong contrast ratio of 6.6:1 against black, which meets accessibility standards for readable body text. This makes it a reliable choice for UI buttons or functional elements that must remain legible on standard web interfaces.
What colors pair well with #2ea36c for UI design?
This green pairs best with neutral tones like warm gray or soft off-whites to ground its mid-tone saturation. Avoiding pure black or harsh stark whites helps maintain a cohesive, professional aesthetic without making the design feel overly jarring or aggressive.
Is #2ea36c readable on white or black?
#2ea36c has a 3.19:1 contrast ratio on white and 6.57: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.