#20AAE5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #20aae5 graphic
#20aae5 is a medium-light, cool blue with a cyan undertone and moderate saturation. Its clear, controlled character supports trust and reliability in technology, finance, healthcare, and security design. Use it as a supporting brand tone or interface accent rather than a full-page background. The hex code #20aae5 also provides enough contrast for black body text.

Questions about #20aae5

What is #20aae5 in RGB, HSL and CMYK?
In RGB, #20aae5 is rgb(32, 170, 229), in HSL hsl(198, 79%, 51%) and in CMYK 86%, 26%, 0%, 10%.
Is #20aae5 warm or cool?
#20aae5 reads as a cool blue because its hue leans toward cyan, while its medium lightness and moderate saturation keep it clear rather than icy. The cyan undertone gives digital interfaces a fresh, controlled feel without the heaviness of darker blue.
What colors pair well with #20aae5?
#20aae5 pairs well with charcoal for grounded interfaces, warm coral for a lively accent, and muted beige for softer branding. Keep the blue as a supporting tone or accent so its brightness adds focus without making large layouts feel overly intense.
Where does #20aae5 work best in design?
#20aae5 works best as a supporting brand color, button accent, or dashboard highlight where its medium-light value keeps important elements visible without dominating the layout or disrupting a clear visual hierarchy. It suits security, healthcare, finance, and technology interfaces.
Is #20aae5 readable on white or black?
#20aae5 has a 2.64:1 contrast ratio on white and 7.94: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.