#3FB9B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan offers a crisp, cool aesthetic that feels youthful and clean. Because of its medium lightness, #3fb9b4 works best as a supporting tone or secondary accent rather than a full page background, which can feel slightly overwhelming. Pair it with deep charcoal or slate gray text to maintain excellent readability while creating a modern, tech-focused interface.
Questions about #3fb9b4
What is #3fb9b4 in RGB, HSL and CMYK?
In RGB, #3fb9b4 is rgb(63, 185, 180), in HSL hsl(178, 49%, 49%) and in CMYK 66%, 0%, 3%, 27%.
What colors pair best with #3fb9b4 for web design?
Pair #3fb9b4 with deep charcoal or slate gray text to maintain excellent readability while achieving a modern, tech-focused interface. Avoid bright, saturated primaries, as they often compete with this cyan and can create visual fatigue for the viewer.
Is #3fb9b4 suitable for full-page backgrounds?
Due to its medium lightness and vibrant intensity, #3fb9b4 is typically too overwhelming for full-page backgrounds. It works far better as a strategic secondary accent, a call-to-action button color, or a subtle border to highlight specific content sections.
Is #3fb9b4 readable on white or black?
#3fb9b4 has a 2.38:1 contrast ratio on white and 8.80: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.