#BACEFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, unsaturated blue, #baceff carries a cool temperature that feels approachable and clean. Because of its light chroma, it serves best as a soft background rather than an accent color. Pair it with charcoal gray text for excellent readability in UI designs. The hex code for this color is #baceff, a versatile choice for healthcare or technology branding that requires a non-threatening, professional look.
Questions about #baceff
What is #baceff in RGB, HSL and CMYK?
In RGB, #baceff is rgb(186, 206, 255), in HSL hsl(223, 100%, 86%) and in CMYK 27%, 19%, 0%, 0%.
What colors pair well with #baceff in design?
This light blue works best when grounded by darker neutrals, specifically deep charcoal or slate grays for text readability. For a softer look, pair #baceff with muted lavenders or gentle teals to maintain a cohesive, calming atmosphere without overwhelming the eye.
Is #baceff suitable for text on a white background?
No, #baceff provides insufficient contrast against white and should be avoided for primary text usage. It functions significantly better as a structural background, a button accent, or a soft highlight while utilizing darker, high-contrast colors for any essential typography.
Is #baceff readable on white or black?
#baceff has a 1.57:1 contrast ratio on white and 13.36: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.