#B7DCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely light, desaturated pastel blue carries a clinical, airy quality. Because it sits so high in value, it works best as a primary interface background rather than for text. Pair #b7dcff with deep charcoal or navy accents to create necessary definition and contrast. It offers high readability for black text, making it a reliable choice for clean, modern web layouts where simplicity matters.
Questions about #b7dcff
What is #b7dcff in RGB, HSL and CMYK?
In RGB, #b7dcff is rgb(183, 220, 255), in HSL hsl(209, 100%, 86%) and in CMYK 28%, 14%, 0%, 0%.
What colors pair best with #b7dcff in a UI design?
Is #b7dcff readable on white or black?
#b7dcff has a 1.42:1 contrast ratio on white and 14.69: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.