#BFE6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue is highly unsaturated, giving it a washed-out, clinical feel that reads extremely light and cool. Because it maintains high contrast against black text, #bfe6ff works well for UI backgrounds or large, readable interfaces. Avoid pairing it with stark white, as it can easily disappear. The hex code for this soft shade is #bfe6ff.
Questions about #bfe6ff
What is #bfe6ff in RGB, HSL and CMYK?
In RGB, #bfe6ff is rgb(191, 230, 255), in HSL hsl(203, 100%, 87%) and in CMYK 25%, 10%, 0%, 0%.
How does #bfe6ff perform in user interface design?
This light, clinical shade excels as a background for high-contrast typography, specifically black or navy text. Its low saturation keeps the interface feeling open and airy, though it often lacks enough definition to stand alone against white elements.
Which color pairings work best with #bfe6ff?
Pair #bfe6ff with dark, grounding colors like charcoal or deep slate to ensure the content remains readable. Avoid using this hex color alongside light grays or whites, as the lack of contrast will make your layout look washed out.
Is #bfe6ff readable on white or black?
#bfe6ff has a 1.31:1 contrast ratio on white and 15.97: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.