#3BCBC2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma teal carries a fresh energy that feels both crisp and clean. Because it offers strong contrast against black, the hex code #3bcbc2 works well for UI buttons or accents that require immediate visual attention. It can appear overly electric when used as a full-page background, so it shines brightest as a 10% pop of color paired with soft charcoals or deep, muted grays.
Questions about #3bcbc2
What is #3bcbc2 in RGB, HSL and CMYK?
In RGB, #3bcbc2 is rgb(59, 203, 194), in HSL hsl(176, 58%, 51%) and in CMYK 71%, 0%, 4%, 20%.
How should I use #3bcbc2 in a user interface?
Use #3bcbc2 as a targeted accent color for buttons or call-to-action elements rather than a primary background. It creates high contrast against dark neutrals like charcoal, ensuring your interface elements pop without overwhelming the viewer's eyes.
Is #3bcbc2 readable on white or black?
#3bcbc2 has a 1.99:1 contrast ratio on white and 10.50: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.