#BABBF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated indigo sits on the cool side of the spectrum. Because #babbf6 is quite light, it works well as a background color that remains legible with dark, high-contrast text. It pairs beautifully with deep charcoal grays for a sophisticated interface. Designers often use this shade to add a gentle, meditative feel to modern branding and digital layouts.
Questions about #babbf6
What is #babbf6 in RGB, HSL and CMYK?
In RGB, #babbf6 is rgb(186, 187, 246), in HSL hsl(239, 77%, 85%) and in CMYK 24%, 24%, 0%, 4%.
What colors pair best with #babbf6 for interface design?
Pair #babbf6 with charcoal or deep navy tones to ensure strong text contrast and a sophisticated, professional appearance. Because this indigo is so pale, it acts as a neutral canvas that balances well against darker, high-contrast structural elements in app layouts.
Is #babbf6 readable on white or black?
#babbf6 has a 1.82:1 contrast ratio on white and 11.52: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.