#3AA2D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, unsaturated blue feels clinical and secure. #3aa2d3 works effectively as a primary brand color for industries like finance or healthcare where establishing immediate trust is a priority. Pair this cool tone with dark gray text for excellent readability, as it offers strong contrast. While clean and professional, avoid using it for large background blocks to prevent a washed-out appearance on digital displays.
Questions about #3aa2d3
What is #3aa2d3 in RGB, HSL and CMYK?
In RGB, #3aa2d3 is rgb(58, 162, 211), in HSL hsl(199, 63%, 53%) and in CMYK 73%, 23%, 0%, 17%.
Where should I use #3aa2d3 in a user interface?
#3aa2d3 works best as an accent or primary action color rather than a large background fill. Because it is bright and unsaturated, it provides enough weight for buttons or status icons without overwhelming the surrounding white space.
What colors pair well with #3aa2d3?
High-contrast text pairings are essential for readability with this blue. Use deep charcoal or dark navy for text to maintain accessibility standards, as lighter text colors may wash out against this specific shade on digital screens.
Is #3aa2d3 readable on white or black?
#3aa2d3 has a 2.88:1 contrast ratio on white and 7.28: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.