#3CAA8E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool teal offers a professional, clear tone useful for healthcare and wellness interfaces. Because the hex code #3caa8e provides excellent contrast against black text, it functions well as a readable body or UI color. Pair it with soft, warm grays to soften its chilly demeanor. Avoid using it alongside overly bright, saturated greens, as it can appear muddy in comparison.
Questions about #3caa8e
What is #3caa8e in RGB, HSL and CMYK?
In RGB, #3caa8e is rgb(60, 170, 142), in HSL hsl(165, 48%, 45%) and in CMYK 65%, 0%, 16%, 33%.
What makes #3caa8e suitable for user interface design?
The #3caa8e hex color maintains strong readability against black text, making it a reliable choice for UI body copy. It offers a professional, clinical clarity that works exceptionally well in healthcare and wellness app environments.
Which colors pair best with #3caa8e?
Use warm grays to balance the cool, chilly demeanor of #3caa8e. Avoid pairing it with high-saturation, bright greens as they can cause this specific teal to appear muddy or muted in comparison to the surrounding interface elements.
Is #3caa8e readable on white or black?
#3caa8e has a 2.86:1 contrast ratio on white and 7.33: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.