#3AAED8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, airy cyan balances high saturation with a mid-tone lightness that feels both stimulating and accessible. Because it maintains strong contrast against black text, #3aaed8 functions well as a bold background color for modern UI and tech interfaces. It avoids looking washed out next to dark neutrals and shines when paired with a sharp, crisp charcoal.
Questions about #3aaed8
What is #3aaed8 in RGB, HSL and CMYK?
In RGB, #3aaed8 is rgb(58, 174, 216), in HSL hsl(196, 67%, 54%) and in CMYK 73%, 19%, 0%, 15%. Browse more shades of blue with names and hex codes.
What colors pair well with #3aaed8 in a UI design?
#3aaed8 looks strongest when grounded by a deep charcoal or dark navy to balance its high saturation. For accent colors, a warm coral creates a vibrant, energetic contrast that makes buttons or call-to-action elements pop effectively against the cool blue tone.
Is #3aaed8 readable on white or black?
#3aaed8 has a 2.55:1 contrast ratio on white and 8.22: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.