#D4E6F2 Hex Color

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

Hex color #d4e6f2 graphic
#d4e6f2 is a pale, airy blue with a distinct grey undertone that keeps it from feeling too sweet. It functions well as a neutral base for tech or financial UI layouts where clarity matters. Because it offers strong contrast with black text, you can use it for large sections without losing readability. It pairs especially well with deep charcoal to ground its washed out appearance.

Questions about #d4e6f2

What is #d4e6f2 in RGB, HSL and CMYK?
In RGB, #d4e6f2 is rgb(212, 230, 242), in HSL hsl(204, 54%, 89%) and in CMYK 12%, 5%, 0%, 5%.
How should I use #d4e6f2 in professional user interfaces?
#d4e6f2 functions best as a spacious background color in data-heavy layouts where clarity is paramount. Because it has enough contrast to support black text, it maintains readability while providing a softer alternative to stark white or cold silver interfaces.
Which colors pair well with #d4e6f2 for a balanced palette?
Pair #d4e6f2 with deep charcoal to anchor its light, airy nature and create a grounded, trustworthy contrast. You can also incorporate muted navy accents to lean into its professional aesthetic without introducing jarring visual tension.
Is #d4e6f2 readable on white or black?
#d4e6f2 has a 1.28:1 contrast ratio on white and 16.40: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.