#B6C4F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated indigo leans cool and provides a gentle alternative to standard light blues. Because it is highly readable, #b6c4f2 works exceptionally well as a background for black text in UI design. It pairs effectively with deeper charcoals or slate tones, creating a sophisticated palette. Use this hex code when you need a muted, peaceful base that avoids the harshness of plain white.
Questions about #b6c4f2
What is #b6c4f2 in RGB, HSL and CMYK?
In RGB, #b6c4f2 is rgb(182, 196, 242), in HSL hsl(226, 70%, 83%) and in CMYK 25%, 19%, 0%, 5%.
How should I use #b6c4f2 in UI design?
Use #b6c4f2 as a soft background to reduce eye strain when your design calls for black text. It provides significantly better readability than a stark white background while maintaining a professional, clean aesthetic for modern web applications.
Which colors pair best with #b6c4f2?
This shade anchors well against deep neutrals like charcoal or slate gray, which ground its airy quality. If you need more warmth, try pairing it with muted terracottas or soft, sandy beiges to create a balanced, high-end color scheme.
Is #b6c4f2 readable on white or black?
#b6c4f2 has a 1.72:1 contrast ratio on white and 12.16: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.