#B4BAF7 Hex Color

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

Hex color #b4baf7 graphic
#b4baf7 is a light, unsaturated periwinkle that feels airy and clean. Because of its cool, pastel nature, this hex code works exceptionally well as a calming UI background. It offers high contrast for text, making it a practical choice for accessibility. Pair it with soft charcoals or deep forest greens to ground its ethereal quality and avoid a washed-out appearance in your designs.

Questions about #b4baf7

What is #b4baf7 in RGB, HSL and CMYK?
In RGB, #b4baf7 is rgb(180, 186, 247), in HSL hsl(235, 81%, 84%) and in CMYK 27%, 25%, 0%, 3%.
What colors pair best with #b4baf7?
This airy periwinkle creates a balanced, professional look when paired with deep charcoal for text or dark forest green for a natural, grounded contrast. Avoid pairing it with other very light pastels to ensure your design maintains enough visual weight and readability.
Is #b4baf7 a warm or cool color?
#b4baf7 is firmly in the cool color spectrum, leaning toward a soft blue-violet. Because of its desaturated quality, it reads as a clean, neutral-leaning cool, which makes it less aggressive than highly saturated blues and easier to use in large-scale UI applications.
Is #b4baf7 readable on white or black?
#b4baf7 has a 1.85:1 contrast ratio on white and 11.30: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.