#3CC9C0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3cc9c0 is a bright, saturated teal with strong green undertones that feels airy and clean. It performs best as a supporting accent or primary button color rather than a large background, which can quickly overwhelm a layout. Pair this hex code with dark charcoal for high readability. It brings a modern, fresh energy to wellness branding and tech interfaces where clarity matters.
Questions about #3cc9c0
What is #3cc9c0 in RGB, HSL and CMYK?
In RGB, #3cc9c0 is rgb(60, 201, 192), in HSL hsl(176, 57%, 51%) and in CMYK 70%, 0%, 4%, 21%.
What colors pair best with #3cc9c0 for a modern interface?
Use a deep charcoal or near-black for your primary text to maximize contrast and legibility, as the brightness of #3cc9c0 makes it difficult to read on its own. Alternatively, soft white backgrounds help this vibrant teal pop without causing eye strain.
Is #3cc9c0 suitable for large UI elements like page backgrounds?
Avoid using #3cc9c0 as a dominant background color because its high saturation and brightness can quickly overwhelm a user's visual field. It works most effectively as a primary button color, a notification badge, or an energetic icon highlight.
Is #3cc9c0 readable on white or black?
#3cc9c0 has a 2.03:1 contrast ratio on white and 10.30: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.