#4C9A98 Hex Color

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

Hex color #4c9a98 graphic
This dusty cyan carries a desaturated, cool temperature that feels approachable yet professional. Because #4c9a98 maintains high readability, it serves well as a primary background color for modern UI designs. Pair it with crisp white or dark charcoal for contrast, but avoid using it near other muddy pastels to prevent a washed-out look. Its muted quality works effectively in branding for technology and education sectors.

Questions about #4c9a98

What is #4c9a98 in RGB, HSL and CMYK?
In RGB, #4c9a98 is rgb(76, 154, 152), in HSL hsl(178, 34%, 45%) and in CMYK 51%, 0%, 1%, 40%.
What colors pair best with #4c9a98 for web interfaces?
This dusty cyan creates a sophisticated, balanced palette when paired with deep charcoal for text or crisp whites for background separation. Using high-contrast neutrals ensures the muted quality of #4c9a98 remains the focus without appearing muddy or washed out on screen.
Is #4c9a98 suitable for primary UI branding?
Yes, #4c9a98 works effectively in tech and education branding because it feels approachable yet stable. Its desaturated nature avoids the visual fatigue common with brighter blues, making it a reliable choice for long-form reading environments or primary navigation bars.
Is #4c9a98 readable on white or black?
#4c9a98 has a 3.29:1 contrast ratio on white and 6.38: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.