#F7FCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Heart of Ice is an ultra-light, neutral off-white that leans slightly blue, creating a crisp and sterile aesthetic. Because it offers high contrast against black text, the hex code #f7fcff works as a clean background for minimal UI or health-focused branding. It avoids the harshness of pure white while maintaining a sense of immaculate freshness, making it a reliable base for wide, open layouts.
About Heart of Ice
The last breath of frost on a windowpane
What does heart of ice mean?
This near-white tint often suggests cold, cleanliness, and fresh snow, so people commonly reach for it in winter and clinical settings. Its extreme lightness and trace of saturation make it feel airy and weightless, like cold air on an empty page.
Where you see heart of ice
- glacier ice
- fresh snow
- porcelain tile
- frosted glass
- white paper in north light
What it works for
It works as a page background or base layer that cools a palette while still reading as plain white.
What colors go with heart of ice?
Questions about Heart of Ice
What is the hex code for Heart of Ice?
Heart of Ice is #f7fcff. In RGB that is rgb(247, 252, 255), in HSL hsl(202, 100%, 98%) and in CMYK 3%, 1%, 0%, 0%.
Where should I use Heart of Ice #f7fcff in UI design?
Heart of Ice works best as a background color for minimal interfaces where you need the cleanliness of white without the harshness. It provides excellent contrast against dark text, such as charcoal or deep navy, maintaining a premium and readable experience.
Is #f7fcff considered a warm or cool color?
Heart of Ice is a cool-toned off-white because of its subtle blue undertones. Unlike traditional ivory or cream which lean into yellow, this color maintains a sterile, icy freshness that feels clinical and precise rather than cozy or inviting.
Is Heart of Ice readable on white or black?
Heart of Ice has a 1.03:1 contrast ratio on white and 20.32: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.