#4CB284 Hex Color

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

Hex color #4cb284 graphic
This muted green sits between sage and mint, offering a grounded feel for organic branding. With a hex code of #4cb284, it provides enough contrast for black body text to remain legible. Use this shade as a supporting accent rather than a background, as its desaturation can look flat on large surfaces. It pairs best with warm charcoal to ground the overall palette.

Questions about #4cb284

What is #4cb284 in RGB, HSL and CMYK?
In RGB, #4cb284 is rgb(76, 178, 132), in HSL hsl(153, 40%, 50%) and in CMYK 57%, 0%, 26%, 30%. Browse more shades of green with names and hex codes.
What makes #4cb284 effective for UI design?
This muted green provides excellent legibility against dark backgrounds, making it a reliable choice for buttons or notification highlights. Unlike brighter mint tones, #4cb284 maintains a professional, grounded look that avoids appearing flat or overwhelming in dense interface layouts.
Which colors pair best with #4cb284?
Deep charcoal or dark gray tones ground this color, preventing it from feeling too light or clinical. For a balanced, organic palette, pair #4cb284 with warm neutrals to accentuate its sage undertones without losing the necessary contrast for text-heavy content.
Is #4cb284 readable on white or black?
#4cb284 has a 2.62:1 contrast ratio on white and 8.00: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.