#20AAD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #20aad3 when a tech or kids’ brand needs a sky blue that feels bright without shouting. Its moderate saturation keeps it friendly rather than electric, and it holds up as a primary color in app interfaces. Pair it with warm coral accents for balance. Black text passes contrast checks on it, so labels and body copy stay readable.
Questions about #20aad3
What is #20aad3 in RGB, HSL and CMYK?
In RGB, #20aad3 is rgb(32, 170, 211), in HSL hsl(194, 74%, 48%) and in CMYK 85%, 19%, 0%, 17%. Browse more shades of blue with names and hex codes.
What colors pair well with #20aad3?
Is #20aad3 readable on white or black?
#20aad3 has a 2.70:1 contrast ratio on white and 7.75: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.