#BECCFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated periwinkle offers a cool, airy aesthetic ideal for interfaces requiring legibility. Because it provides high contrast with black text, #beccfc functions as a reliable background color for modern UI designs. Pair this shade with dark navy or charcoal to prevent a washed-out appearance. As a hex code, #beccfc adds a sense of structure to pastel-heavy palettes.
Questions about #beccfc
What is #beccfc in RGB, HSL and CMYK?
In RGB, #beccfc is rgb(190, 204, 252), in HSL hsl(226, 91%, 87%) and in CMYK 25%, 19%, 0%, 1%.
What makes #beccfc a good choice for user interfaces?
The unsaturated nature of #beccfc provides a cool, airy aesthetic that remains easy on the eyes while maintaining strong contrast against dark text. It acts as a professional, legible background for modern web apps needing a soft, structured touch.
Which colors pair best with #beccfc?
Is #beccfc readable on white or black?
#beccfc has a 1.58:1 contrast ratio on white and 13.23: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.