#B5C8FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated blue functions well as a clean background color for web interfaces. Because it offers high contrast against black text, it maintains excellent readability for small body copy. The hex code for this cool shade is #b5c8ff. It pairs surprisingly well with deeper, warmer tones, preventing a design from feeling too clinical or washed out. If you are experimenting with color palettes, mixing pink helps balance its coolness.
Questions about #b5c8ff
What is #b5c8ff in RGB, HSL and CMYK?
In RGB, #b5c8ff is rgb(181, 200, 255), in HSL hsl(225, 100%, 85%) and in CMYK 29%, 22%, 0%, 0%.
Why is #b5c8ff effective for web interface backgrounds?
Because it is a light and unsaturated shade, #b5c8ff provides high contrast against black or dark gray text, maintaining excellent readability for small body copy while keeping the design feeling airy, clean, and professional.
What colors pair well with #b5c8ff?
To avoid a design feeling too clinical, pair #b5c8ff with deeper or warmer tones. It balances beautifully when placed alongside charcoal or warm pinks, which help to ground the coolness of this airy periwinkle shade.
Is #b5c8ff readable on white or black?
#b5c8ff has a 1.65:1 contrast ratio on white and 12.67: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.