#28AAE1 Hex Color

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

Hex color #28aae1 graphic
This mid-tone blue carries a clean, corporate energy that feels both secure and approachable. It is moderately unsaturated, which keeps it from feeling overly vivid or abrasive in large-scale UI applications. Use #28aae1 as a primary accent color for technology or financial interfaces, where it pairs well with slate grays. Because black text maintains high contrast here, it works effectively for readable, reliable navigation elements.

Questions about #28aae1

What is #28aae1 in RGB, HSL and CMYK?
In RGB, #28aae1 is rgb(40, 170, 225), in HSL hsl(198, 76%, 52%) and in CMYK 82%, 24%, 0%, 12%.
What design aesthetic works best with #28aae1?
#28aae1 thrives in professional environments like fintech apps or software interfaces where clarity is essential. Because of its steady, unsaturated nature, it pairs perfectly with slate or charcoal grays to create a reliable, non-abrasive visual hierarchy that keeps users focused.
Is #28aae1 suitable for UI text or navigation?
#28aae1 functions effectively as a primary accent or navigation color because it maintains strong contrast against both white and very light gray backgrounds. Use it for buttons or active states to signal reliability without overwhelming the interface with overly vivid, abrasive hues.
Is #28aae1 readable on white or black?
#28aae1 has a 2.64:1 contrast ratio on white and 7.92: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.