#B3C1FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated pastel indigo offers a clean, airy feel that works beautifully for UI backgrounds or delicate branding. Because #b3c1fc is quite light, it pairs best with dark charcoal text to ensure readability, maintaining a high contrast ratio. Use this hex code as a soft, secondary accent rather than a dominant base to avoid a washed-out look in large areas.
Questions about #b3c1fc
What is #b3c1fc in RGB, HSL and CMYK?
In RGB, #b3c1fc is rgb(179, 193, 252), in HSL hsl(228, 92%, 85%) and in CMYK 29%, 23%, 0%, 1%.
Is #b3c1fc appropriate for primary UI elements?
Because #b3c1fc is quite desaturated and light, it is best utilized as a secondary accent rather than a dominant base. Use it to soften layouts or as a background shade, ensuring your primary buttons or calls to action use a darker, more saturated hue.
Is #b3c1fc readable on white or black?
#b3c1fc has a 1.75:1 contrast ratio on white and 11.95: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.