#A4B6F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel indigo shade reads as unsaturated and cool, making it a reliable background choice for UI designs where you need a soft, airy feel. It pairs well with charcoal grays or crisp whites to create a professional contrast. Because it remains highly readable with black text, you can use #a4b6f2 for functional elements. Interestingly, if you are mixing pink for complementary accents, this blue provides a grounded base.
Questions about #a4b6f2
What is #a4b6f2 in RGB, HSL and CMYK?
In RGB, #a4b6f2 is rgb(164, 182, 242), in HSL hsl(226, 75%, 80%) and in CMYK 32%, 25%, 0%, 5%.
What colors pair best with #a4b6f2?
#a4b6f2 works exceptionally well when balanced against deep charcoal or crisp white text. To create a more sophisticated palette, try pairing this soft indigo with muted terracotta or soft gold accents to add warmth without overwhelming the cool base.
Is #a4b6f2 suitable for interface backgrounds?
This shade is an excellent choice for UI backgrounds because its unsaturated quality reduces eye strain while maintaining a clean, professional aesthetic. It provides enough contrast to support standard dark text, ensuring your interface remains accessible and easy to read for users.
Is #a4b6f2 readable on white or black?
#a4b6f2 has a 1.99:1 contrast ratio on white and 10.55: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.