#B7D0FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b7d0ff graphic
#b7d0ff is a very pale, unsaturated periwinkle that carries a cool, airy presence. Because of its high lightness, it functions well as a neutral background for interface designs, ensuring black text remains highly readable. It feels clean and professional without being clinical. Pair this hex code with deep charcoal grays or soft slate tones to avoid a washed-out look in your layouts.

Questions about #b7d0ff

What is #b7d0ff in RGB, HSL and CMYK?
In RGB, #b7d0ff is rgb(183, 208, 255), in HSL hsl(219, 100%, 86%) and in CMYK 28%, 18%, 0%, 0%.
Is #b7d0ff suitable for body text on a website?
#b7d0ff is far too light and unsaturated to be used for body text, as it fails to provide the necessary contrast ratio for readability. Reserve this soft tone for background sections, button accents, or decorative UI elements where clarity is not the primary requirement.
What colors pair best with #b7d0ff?
To ground the airy quality of #b7d0ff, pair it with deep, saturated tones such as charcoal or navy. These dark companions provide the visual weight needed to stop the layout from appearing washed out while creating a clean, professional aesthetic.
Is #b7d0ff readable on white or black?
#b7d0ff has a 1.55:1 contrast ratio on white and 13.47: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.