#D2E4F4 Hex Color

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

Hex color #d2e4f4 graphic
This muted, icy blue carries a greyish undertone that feels professional and detached. Because it offers strong contrast against black text, the hex code #d2e4f4 works well for clean UI backgrounds or documentation interfaces. Use it as a secondary tone to balance bolder primary colors. It can appear washed out if paired with white, so anchor it with charcoal or deep navy for better definition.

Questions about #d2e4f4

What is #d2e4f4 in RGB, HSL and CMYK?
In RGB, #d2e4f4 is rgb(210, 228, 244), in HSL hsl(208, 61%, 89%) and in CMYK 14%, 7%, 0%, 4%.
What colors pair best with #d2e4f4 for design layouts?
#d2e4f4 works best when anchored by deep, dark neutrals to prevent it from looking washed out. Pair it with charcoal or navy text to create a high-contrast, professional interface that remains easy on the eyes for users.
Is #d2e4f4 suitable for use as a primary UI background?
Yes, #d2e4f4 is an excellent choice for documentation or dashboard backgrounds because it provides a subtle, professional tint that is softer than pure white. It creates a calm, detached atmosphere while keeping black text sharp and highly legible.
Is #d2e4f4 readable on white or black?
#d2e4f4 has a 1.30:1 contrast ratio on white and 16.14: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.