#4CA48B Hex Color

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

Hex color #4ca48b graphic
This muted, cool teal brings a balanced presence to web interfaces and branding. Because it is desaturated and mid-toned, it avoids the harshness of brighter greens. The hex code #4ca48b serves well as a supporting color for UI backgrounds. Pair it with soft charcoals or deep espresso tones to ground its refreshing quality. It provides enough contrast to remain readable with black text for body copy.

Questions about #4ca48b

What is #4ca48b in RGB, HSL and CMYK?
In RGB, #4ca48b is rgb(76, 164, 139), in HSL hsl(163, 37%, 47%) and in CMYK 54%, 0%, 15%, 36%.
What colors pair well with #4ca48b in a UI design?
This muted teal works exceptionally well when grounded by deep charcoal or dark espresso text, as these high-contrast pairings maintain excellent legibility. You can also incorporate soft cream accents to add warmth without disrupting the professional, cool aesthetic.
Is #4ca48b considered a warm or cool color?
#4ca48b is firmly a cool-toned color, as its heavy blue-green undertones naturally evoke a sense of calm and stability. Because it is desaturated, it avoids the energetic intensity of brighter greens, making it ideal for professional interfaces.
Is #4ca48b readable on white or black?
#4ca48b has a 3.00:1 contrast ratio on white and 6.99: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.