#A3C2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated periwinkle offers a clean, airy feel that works well for UI backgrounds. Because it provides high contrast with black text, it maintains excellent readability for body copy. The hex code for this color is #a3c2ff. Try pairing it with warm coral accents to ground the cool, light tone and prevent it from appearing too washed out.
Questions about #a3c2ff
What is #a3c2ff in RGB, HSL and CMYK?
In RGB, #a3c2ff is rgb(163, 194, 255), in HSL hsl(220, 100%, 82%) and in CMYK 36%, 24%, 0%, 0%.
What colors pair well with #a3c2ff?
Use warm coral or soft terracotta accents to ground the cool, light tone of #a3c2ff and prevent it from appearing too washed out. Deep navy text also provides a sophisticated contrast for professional UI layouts.
Is #a3c2ff suitable for website body text?
While #a3c2ff works beautifully as a background, it is too light for main body text and will fail standard contrast ratios. Always layer it with dark charcoal or near-black text to ensure your content remains readable for all users.
Is #a3c2ff readable on white or black?
#a3c2ff has a 1.79:1 contrast ratio on white and 11.71: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.