#BEC8FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dusty indigo feels exceptionally cool and muted. Because of its light, airy quality, #bec8ff works best as a calming background in UI design rather than a primary branding element. It pairs well with charcoal gray or deep, saturated navy for a grounded contrast. The hex code for this shade is #bec8ff, which offers high enough contrast to support readable black text.
Questions about #bec8ff
What is #bec8ff in RGB, HSL and CMYK?
In RGB, #bec8ff is rgb(190, 200, 255), in HSL hsl(231, 100%, 87%) and in CMYK 25%, 22%, 0%, 0%.
Why is #bec8ff effective for UI background design?
This shade is effective because it remains subtle and unsaturated, preventing it from overwhelming foreground elements. Its airy quality ensures that high-contrast text, such as black or charcoal, stays perfectly legible while adding a touch of sophisticated color to your layout.
What color combinations work best with #bec8ff?
Because this hue is quite light, it creates the best visual balance when paired with darker, grounded tones. Try using deep navy or slate grays to provide a necessary anchor, or combine it with crisp white to emphasize its cool, breezy character.
Is #bec8ff readable on white or black?
#bec8ff has a 1.62:1 contrast ratio on white and 12.89: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.