#D0E5F2 Hex Color

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

New Heights color codes graphic
New Heights is a pale, desaturated blue with a distinct grey undertone. Because of its high lightness, it functions well as a neutral background for professional interfaces in finance or tech. It offers excellent contrast for black text, making it highly readable for UI design. The hex code #d0e5f2 pairs beautifully with charcoal greys to maintain a clean, grounded look without feeling sterile.

Questions about New Heights

What is the hex code for New Heights?
New Heights is #d0e5f2. In RGB that is rgb(208, 229, 242), in HSL hsl(203, 57%, 88%) and in CMYK 14%, 5%, 0%, 5%.
How should I use New Heights #d0e5f2 in web design?
Use New Heights #d0e5f2 as a soft, neutral background color for interfaces where readability is key. Because it is desaturated and light, it provides excellent contrast for dark text, ensuring your content remains accessible while maintaining a grounded, non-sterile professional aesthetic.
What colors pair well with New Heights #d0e5f2?
This shade works best when grounded by dark, neutral tones like charcoal or deep slate, which emphasize its blue undertones. Avoid overly bright or neon accents, as these will clash with the muted, sophisticated mood that makes this specific color effective.
Is New Heights readable on white or black?
New Heights has a 1.29:1 contrast ratio on white and 16.17: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.