#3FB593 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated teal carries a cool, clinical clarity that works well for healthcare interfaces and modern tech branding. It offers enough contrast against black text for readable body content. Because the hue is muted, avoid using it as a full-page background, as it can feel washed out. The hex code for this shade is #3fb593, and it pairs cleanly with warm charcoal grays for a balanced palette.
Questions about #3fb593
What is #3fb593 in RGB, HSL and CMYK?
In RGB, #3fb593 is rgb(63, 181, 147), in HSL hsl(163, 48%, 48%) and in CMYK 65%, 0%, 19%, 29%.
Does #3fb593 work well for UI backgrounds?
Using #3fb593 as a full-page background is generally not recommended because its muted tone can appear washed out or muddy at large scales. Instead, keep it as an accent for buttons or icons where its clarity shines against neutral backgrounds.
What colors pair best with #3fb593 for a balanced palette?
This color pairs beautifully with charcoal or dark slate grays, as the high-contrast neutrality anchors the teal's clinical feel. You can also introduce soft creams or warm off-whites to brighten the composition without losing that professional, modern edge.
Is #3fb593 readable on white or black?
#3fb593 has a 2.54:1 contrast ratio on white and 8.24: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.