#4BA888 Hex Color

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

Hex color #4ba888 graphic
This muted teal functions as a stable, cool base that avoids the harshness of brighter greens. Because it is unsaturated, it works effectively as a secondary color for healthcare or tech interfaces where clarity is necessary. Black text provides excellent contrast against this hex code, #4ba888, making it a reliable choice for readable body text or UI components.

Questions about #4ba888

What is #4ba888 in RGB, HSL and CMYK?
In RGB, #4ba888 is rgb(75, 168, 136), in HSL hsl(159, 38%, 48%) and in CMYK 55%, 0%, 19%, 34%.
Why is #4ba888 effective for interface design?
Because #4ba888 is an unsaturated teal, it avoids the visual fatigue caused by highly saturated greens while maintaining enough presence to organize UI elements effectively. It serves as a professional, neutral background choice that supports black text for optimal accessibility standards.
What colors pair well with #4ba888?
This muted teal pairs well with charcoal for high-contrast, professional text hierarchies or soft, neutral cream tones to evoke a clean, clinical aesthetic. You can also ground the palette by adding deep navy accents to create depth without overwhelming the calm nature of the color.
Is #4ba888 readable on white or black?
#4ba888 has a 2.89:1 contrast ratio on white and 7.25: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.