#3AAFA9 Hex Color

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

Hex color #3aafa9 graphic
Not as sharp as pure cyan and not as dark as navy, teal sits in a muted middle ground, and #3aafa9 is a good example. Its low saturation and medium lightness give it a calm, clean feel that works as a dominant base in wellness or tech branding. Black text passes AA on it at about 7.9:1 contrast. It warms up nicely against terracotta, and knowing what colors make gray helps when you need a neutral partner with the right undertone.

Questions about #3aafa9

What is #3aafa9 in RGB, HSL and CMYK?
In RGB, #3aafa9 is rgb(58, 175, 169), in HSL hsl(177, 50%, 46%) and in CMYK 67%, 0%, 3%, 31%.
What colors pair well with #3aafa9?
Warm corals and terracotta give #3aafa9 a pleasing contrast, since its cool cyan undertone needs some heat to avoid feeling flat. For interfaces, charcoal or deep navy text keeps the palette grounded.
Is #3aafa9 readable on white or black?
#3aafa9 has a 2.66:1 contrast ratio on white and 7.88: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.