#B7D3EF Hex Color

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

Select a Color

This airy, unsaturated blue leans toward a cool, desaturated periwinkle. It provides excellent readability for black text, making it a functional choice for UI backgrounds or corporate interfaces where clarity matters. Because of its light tone, #b7d3ef functions best as a base color or a soft supporting hue. Avoid pairing it with stark white, as it can appear washed out. The hex code for this color is #b7d3ef.

Questions about #b7d3ef

What is #b7d3ef in RGB, HSL and CMYK?

In RGB, #b7d3ef is rgb(183, 211, 239), in HSL hsl(210, 64%, 83%) and in CMYK 23%, 12%, 0%, 6%.

What colors pair best with #b7d3ef for UI design?

#b7d3ef works exceptionally well with deep navy or charcoal for high-contrast text that maintains a professional, modern look. Avoid pairing it with stark white, as the lack of contrast can make the design appear washed out and difficult to read.

Is #b7d3ef readable on white or black?

#b7d3ef has a 1.54:1 contrast ratio on white and 13.57: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.

#B7D3EF Hex Color

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

Questions about #b7d3ef

Color tools

Resources