#B6CAF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy blue carries a dusty, desaturated tone that feels muted rather than vivid. It serves as an excellent UI background because it offers high contrast when paired with black text. While it brings a sense of soft reliability to corporate or tech branding, use it sparingly against white space to prevent it from washing out. The hex code is #b6caf4.
Questions about #b6caf4
What is #b6caf4 in RGB, HSL and CMYK?
In RGB, #b6caf4 is rgb(182, 202, 244), in HSL hsl(221, 74%, 84%) and in CMYK 25%, 17%, 0%, 4%.
What colors pair best with #b6caf4?
This ashy blue thrives when balanced with warm neutrals or deep, grounded earth tones. Try pairing #b6caf4 with a warm terracotta for a modern contrast, or use a soft cream to maintain a cohesive, airy, and professional visual hierarchy.
Is #b6caf4 readable on white or black?
#b6caf4 has a 1.64:1 contrast ratio on white and 12.74: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.