#D4EAF0 Hex Color

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

Hex color #d4eaf0 graphic
This pale, luminous cyan sits on the edge of grey, offering a clean and airy aesthetic. Its high lightness makes it an excellent choice for modern UI backgrounds where minimalism is the goal. The high contrast against black text ensures full accessibility for body copy. The hex code for this tint is #d4eaf0. It works best when anchored by charcoal to ground its ethereal quality.

Questions about #d4eaf0

What is #d4eaf0 in RGB, HSL and CMYK?
In RGB, #d4eaf0 is rgb(212, 234, 240), in HSL hsl(193, 48%, 89%) and in CMYK 12%, 3%, 0%, 6%.
How can #d4eaf0 be used effectively in UI design?
#d4eaf0 works best as a light background color that keeps a user interface feeling spacious and breathable. Because it is so bright, you should always anchor it with high-contrast elements, such as charcoal text or dark icons, to maintain professional readability.
Does #d4eaf0 lean warm or cool?
As a pale cyan, #d4eaf0 sits firmly on the cool side of the spectrum, carrying an icy, refreshing quality. It avoids being too clinical by incorporating just enough lightness to remain soft, making it a gentle alternative to standard white or grey backgrounds.
Is #d4eaf0 readable on white or black?
#d4eaf0 has a 1.24:1 contrast ratio on white and 16.82: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.