#B2A3F7 Hex Color

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

Select a Color

A bright pastel violet, #b2a3f7 brings a clean, airy feel to interface backgrounds. It maintains excellent legibility with black text, meeting accessibility standards for small body copy. Pair this hex code with dark charcoal or matte navy to anchor its light saturation. It functions well as a UI base, though it can feel washed out if surrounded by other light, desaturated tones.

Questions about #b2a3f7

What is #b2a3f7 in RGB, HSL and CMYK?

In RGB, #b2a3f7 is rgb(178, 163, 247), in HSL hsl(251, 84%, 80%) and in CMYK 28%, 34%, 0%, 3%.

What colors pair well with #b2a3f7 for UI design?

To ground the airy nature of #b2a3f7, pair it with dark neutrals like charcoal or deep navy tones. These dark colors create a balanced contrast that prevents the violet from feeling too washed out or overly light.

Is #b2a3f7 readable on white or black?

#b2a3f7 has a 2.21:1 contrast ratio on white and 9.47: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.

#B2A3F7 Hex Color

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

Questions about #b2a3f7

Color tools

Resources