#D7E1E6 Hex Color

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

Select a Color

This pale, desaturated blue leans toward grey with a bleached, delicate quality. Because it is so light, #d7e1e6 works well as a minimal background color for tech or healthcare interfaces where cleanliness is essential. Black text remains highly legible against it. Pair it with darker slate tones to avoid looking washed out. The hex code for this color is #d7e1e6.

Questions about #d7e1e6

What is #d7e1e6 in RGB, HSL and CMYK?

In RGB, #d7e1e6 is rgb(215, 225, 230), in HSL hsl(200, 23%, 87%) and in CMYK 7%, 2%, 0%, 10%.

What colors pair best with #d7e1e6 for UI design?

Pair #d7e1e6 with deep charcoal or dark slate to maintain strong contrast for text and interactive elements. Avoid pairing this pale blue with other pastels, as it can make the interface feel washed out and difficult to navigate.

Is #d7e1e6 readable on white or black?

#d7e1e6 has a 1.32:1 contrast ratio on white and 15.80: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.

#D7E1E6 Hex Color

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

Questions about #d7e1e6

Color tools

Resources