#3AA6A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, moderately muted cyan, #3aa6a6 has balanced lightness that feels refreshing, clear, and focused rather than loud. It suits technology, communication, aerospace, and productivity interfaces, especially as a supporting color beside deep navy or warm coral. Black text reads clearly on this shade, making the hex code practical for accessible body text and UI labels.
Questions about #3aa6a6
What is #3aa6a6 in RGB, HSL and CMYK?
In RGB, #3aa6a6 is rgb(58, 166, 166), in HSL hsl(180, 48%, 44%) and in CMYK 65%, 0%, 0%, 35%.
Which colors pair well with #3aa6a6?
Is #3aa6a6 warm or cool?
#3aa6a6 is a cool, moderately muted cyan with balanced lightness, giving designs a refreshing, focused mood rather than the warmth of yellow-leaning hues and the intensity of brighter aqua shades.
Does black text work on #3aa6a6?
Black text is the safer accessible choice on #3aa6a6, offering strong contrast, while white text has weaker contrast and may fail common body-text requirements; verify your exact font size and weight with a contrast checker before shipping.
Where does #3aa6a6 work best?
#3aa6a6 works well for technology, communication, aerospace, and productivity interfaces, where its clear cyan tone can signal focus without overwhelming the layout. Use it for buttons, accents, links, or secondary panels alongside darker anchors.
Is #3aa6a6 readable on white or black?
#3aa6a6 has a 2.92:1 contrast ratio on white and 7.18: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.