#A2C3F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, unsaturated blue feels approachable and light. Because of its high lightness, #a2c3f7 functions effectively as a base or background color for UI design, offering excellent readability for black text. Pair it with soft charcoal or deep navy to ground its coolness. The hex code #a2c3f7 conveys a sense of clean reliability, making it a natural fit for healthcare or finance interfaces.
Questions about #a2c3f7
What is #a2c3f7 in RGB, HSL and CMYK?
In RGB, #a2c3f7 is rgb(162, 195, 247), in HSL hsl(217, 84%, 80%) and in CMYK 34%, 21%, 0%, 3%.
How should I use #a2c3f7 in professional UI design?
Use #a2c3f7 as a calm background color because its high lightness allows for excellent contrast with dark text. It works particularly well in healthcare or financial applications where you need to convey reliability and cleanliness without overwhelming the user.
Which colors pair best with #a2c3f7?
Is #a2c3f7 readable on white or black?
#a2c3f7 has a 1.79:1 contrast ratio on white and 11.68: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.