#3AB6C9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3ab6c9 graphic
A cool, softened cyan with moderate lightness, #3ab6c9 brings a youthful, refreshing feel without the intensity of brighter turquoise. Use it as a supporting tone for spring themes, children’s products, communication tools, or technology branding, especially with navy and warm coral. Black text reaches about 8.7:1 contrast, making it suitable for readable UI backgrounds. The hex code is #3ab6c9.

Questions about #3ab6c9

What is #3ab6c9 in RGB, HSL and CMYK?
In RGB, #3ab6c9 is rgb(58, 182, 201), in HSL hsl(188, 57%, 51%) and in CMYK 71%, 9%, 0%, 21%.
What colors pair well with #3ab6c9?
For a balanced palette, pair #3ab6c9 with navy for structure and warm coral for contrast, using navy in text or headers and coral in small accents to keep the cyan's friendly, refreshing character.
What mood does #3ab6c9 convey?
#3ab6c9 reads as a cool, youthful cyan that feels refreshing and approachable, making it useful for spring campaigns, children's products, communication tools, and friendly technology interfaces without the sharper intensity of bright turquoise.
Is #3ab6c9 readable on white or black?
#3ab6c9 has a 2.40:1 contrast ratio on white and 8.71: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.