#3AA4D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-range blue is unsaturated and cool, making it a staple for corporate and technology branding. The hex code for this shade is #3aa4d3, which offers excellent legibility for black text, easily meeting WCAG AA standards for small body copy. Use it as a primary interface color rather than a small accent, but pair it with dark charcoals to prevent the blue from looking washed out against white.
Questions about #3aa4d3
What is #3aa4d3 in RGB, HSL and CMYK?
In RGB, #3aa4d3 is rgb(58, 164, 211), in HSL hsl(198, 63%, 53%) and in CMYK 73%, 22%, 0%, 17%.
What colors pair well with #3aa4d3?
You should pair #3aa4d3 with deep, neutral tones to ground the vibrancy of the blue. Using charcoal or dark navy creates a sophisticated contrast that prevents the blue from looking washed out when placed against light backgrounds.
Is #3aa4d3 readable on white or black?
#3aa4d3 has a 2.82:1 contrast ratio on white and 7.43: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.