#3CAEA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal balances cool blue undertones with enough green to feel grounded rather than icy. It offers a clean, professional aesthetic suitable for wellness and tech interfaces. Because it maintains strong legibility against black text, #3caea3 works well as a primary button color or a supporting accent. Pair it with soft charcoals instead of pure white to avoid a washed-out, clinical appearance.
Questions about #3caea3
What is #3caea3 in RGB, HSL and CMYK?
In RGB, #3caea3 is rgb(60, 174, 163), in HSL hsl(174, 49%, 46%) and in CMYK 66%, 0%, 6%, 32%.
What colors pair well with #3caea3 for web design?
Because #3caea3 is a balanced teal, it works best when paired with neutral charcoal or soft slate grays rather than pure white. Using these muted darks prevents the design from looking washed out or overly clinical while keeping text legible.
Does #3caea3 read as warm or cool?
Although it contains green, #3caea3 leans decidedly cool because of its strong blue undertones. It strikes a professional balance by avoiding the icy, artificial look of brighter cyans while remaining distinctly different from warmer, earthier shades like sage or olive.
Is #3caea3 readable on white or black?
#3caea3 has a 2.70:1 contrast ratio on white and 7.77: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.