#A0B4F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a distinct opalescent quality that feels airy and light. Because it offers strong contrast against black text, #a0b4f0 is an excellent choice for clean, readable UI backgrounds in healthcare or finance applications. The hex code #a0b4f0 works best when paired with deeper, charcoal grays, as it can sometimes look washed out when placed directly next to pure white.
Questions about #a0b4f0
What is #a0b4f0 in RGB, HSL and CMYK?
In RGB, #a0b4f0 is rgb(160, 180, 240), in HSL hsl(225, 73%, 78%) and in CMYK 33%, 25%, 0%, 6%.
What colors pair best with #a0b4f0 for UI design?
#a0b4f0 works most effectively when paired with deep charcoal grays to maintain readability. Because this blue is quite unsaturated and airy, it can appear washed out against pure white, so darker, grounded neutrals are necessary to anchor the design.
Is #a0b4f0 readable on white or black?
#a0b4f0 has a 2.04:1 contrast ratio on white and 10.28: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.