#BAC0F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, dusty indigo feels ethereal and unsaturated, making it an excellent choice for calm UI backgrounds. Because it is light and cool, black text remains highly legible against it. The hex code for this shade is #bac0f4. Try pairing it with darker charcoal grays to add much-needed weight, as it can otherwise feel slightly washed out on its own.
Questions about #bac0f4
What is #bac0f4 in RGB, HSL and CMYK?
In RGB, #bac0f4 is rgb(186, 192, 244), in HSL hsl(234, 73%, 84%) and in CMYK 24%, 21%, 0%, 4%.
What colors pair well with #bac0f4 for design layouts?
This pale indigo looks best when balanced by charcoal or deep slate grays, which provide the necessary weight to prevent the color from appearing washed out. You can also pair it with a crisp off-white for a clean, minimal UI look.
Is #bac0f4 readable on white or black?
#bac0f4 has a 1.75:1 contrast ratio on white and 11.93: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.