#3AA3E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue feels approachable rather than clinical, making it a reliable choice for UI branding and corporate interfaces. Because black text maintains a high 7.5:1 contrast ratio against it, #3aa3e3 works perfectly for readable body text or bold call to action buttons. It avoids the neon fatigue of brighter shades, though designers should learn what colors make gray to successfully temper this hue in complex layouts.
Questions about #3aa3e3
What is #3aa3e3 in RGB, HSL and CMYK?
In RGB, #3aa3e3 is rgb(58, 163, 227), in HSL hsl(203, 75%, 56%) and in CMYK 74%, 28%, 0%, 11%.
Is #3aa3e3 suitable for interface text?
Yes, because it maintains a high 7.5:1 contrast ratio against standard black, making it an excellent choice for body text or active buttons. It avoids the harshness of brighter neons while remaining clearly legible on white backgrounds.
What colors pair well with #3aa3e3?
This hue works best when balanced against neutral tones like charcoal or deep slate to provide grounding. Pair it with soft, muted grays to keep the overall interface professional and calm, or use high-contrast white to let the blue stand out.
Is #3aa3e3 readable on white or black?
#3aa3e3 has a 2.78:1 contrast ratio on white and 7.52: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.