#3AA3B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its cool cyan cast and softened saturation, #3aa3b2 feels clear, refreshing, and lightly energetic rather than loud. The hex code works well as a supporting tone in technology, communication, and children’s product palettes, especially beside navy or warm coral. Use black text over it for accessible body copy, while reserving it as an accent instead of a full-page background.
Questions about #3aa3b2
What is #3aa3b2 in RGB, HSL and CMYK?
In RGB, #3aa3b2 is rgb(58, 163, 178), in HSL hsl(188, 51%, 46%) and in CMYK 67%, 8%, 0%, 30%.
What colors pair well with #3aa3b2?
Does #3aa3b2 read as warm or cool?
#3aa3b2 reads as a cool color because its cyan cast leans toward blue, while its softened saturation makes the result approachable rather than icy, stark, or intensely digital on screen in most palettes.
Is #3aa3b2 readable on white or black?
#3aa3b2 has a 2.97:1 contrast ratio on white and 7.06: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.