#28AAE1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors

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?
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.