#7EA288 Hex Color

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

Hex color #7ea288 graphic
This ashy, dusty green is remarkably unsaturated, leaning into a neutral, organic aesthetic. It works best as a supporting tone in sustainable or natural branding, rather than a dominant background, where it risks appearing muddy. For high readability in UI layouts, pair it with black text, as the 7.4:1 contrast ratio ensures clear legibility. The hex code for this shade is #7ea288.

Questions about #7ea288

What is #7ea288 in RGB, HSL and CMYK?
In RGB, #7ea288 is rgb(126, 162, 136), in HSL hsl(137, 16%, 56%) and in CMYK 22%, 0%, 16%, 36%.
How can I effectively use #7ea288 in digital UI design?
#7ea288 functions best as a supporting background or border color rather than a primary element. Because it is highly desaturated, you should pair it with charcoal or deep black text to ensure high legibility and strong contrast for your users.
Does #7ea288 read as a warm or cool green?
This shade leans toward a cool, muted green because of its heavy gray undertones and lack of vibrant yellow saturation. Its dusty quality makes it feel more like a natural, weathered element than a bright or artificial botanical green.
Is #7ea288 readable on white or black?
#7ea288 has a 2.83:1 contrast ratio on white and 7.41: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.