#A3B1E2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a3b1e2 graphic
#a3b1e2 is a pale, dusty indigo with cool blue-violet undertones and low saturation. Its soft, ashy finish suggests peace, sensitivity, and gentle spirituality without feeling childish. Use it as a supporting background for meditation, spring, baby, or luxury layouts, pairing it with charcoal for structure. The hex code #a3b1e2 also supports clear black body text at about a 9.9:1 contrast ratio.

Questions about #a3b1e2

What is #a3b1e2 in RGB, HSL and CMYK?
In RGB, #a3b1e2 is rgb(163, 177, 226), in HSL hsl(227, 52%, 76%) and in CMYK 28%, 22%, 0%, 11%.
What colors pair well with #a3b1e2 in a design palette?
#a3b1e2 pairs well with charcoal, warm cream, muted mauve, and restrained burgundy, which give its pale blue-violet base more definition without overwhelming its dusty character. Use charcoal for text and burgundy sparingly when the palette needs a richer focal accent.
Is #a3b1e2 suitable for text and UI backgrounds?
#a3b1e2 works best as a light UI background or supporting surface, with black text reaching about 9.9:1 contrast and passing WCAG AA for body text. Its low saturation can make fine white text feel washed out, especially beside bright white.
Is #a3b1e2 readable on white or black?
#a3b1e2 has a 2.11:1 contrast ratio on white and 9.94: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.