#3AB3B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a refreshing clarity without being overly aggressive. Because it maintains strong legibility against black text, #3ab3b9 works well for UI elements that require both style and function. Pair this shade with soft charcoal or warm grays to balance its brightness. It serves best as a supporting tone in productivity apps or children’s branding where a peaceful, modern aesthetic is the priority.
Questions about #3ab3b9
What is #3ab3b9 in RGB, HSL and CMYK?
In RGB, #3ab3b9 is rgb(58, 179, 185), in HSL hsl(183, 52%, 48%) and in CMYK 69%, 3%, 0%, 27%.
What colors pair best with #3ab3b9 for UI design?
#3ab3b9 works exceptionally well when paired with charcoal or deep slate grays to balance its natural brightness. Using a neutral base prevents the cyan from becoming overwhelming, maintaining high legibility while keeping the aesthetic clean and professional for modern digital interfaces.
Is #3ab3b9 readable on white or black?
#3ab3b9 has a 2.52:1 contrast ratio on white and 8.32: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.