Huebook

Heart of Ice Analogous Color Scheme

Five colors arranged by the analogous rule around Heart of Ice (#F7FCFF), each snapped to its nearest named color.

#E6FDF1
#E7FEFF
#F7FCFF
#E6E8FA
#F0EBFC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Mint Chiffon#E6FDF1230, 253, 241149°, 85%, 95%9, 0, 5, 197.4% 0.029 163
Bubbles#E7FEFF231, 254, 255183°, 100%, 95%9, 0, 0, 098.1% 0.024 200
Heart of Ice#F7FCFF247, 252, 255202°, 100%, 98%3, 1, 0, 098.8% 0.007 234
Glitter#E6E8FA230, 232, 250234°, 67%, 94%8, 7, 0, 293.5% 0.024 281
Placebo Purple#F0EBFC240, 235, 252258°, 74%, 95%5, 7, 0, 194.9% 0.023 299

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7FCFF on #E6E8FA1.18:1—
Aa #E7FEFF on #E6E8FA1.16:1—
Aa #E6FDF1 on #E6E8FA1.14:1—
Aa #F7FCFF on #F0EBFC1.13:1—
Aa #E7FEFF on #F0EBFC1.11:1—
Aa #E6FDF1 on #F0EBFC1.09:1—

CSS variables

:root {
  --color-1: #e6fdf1; /* Mint Chiffon */
  --color-2: #e7feff; /* Bubbles */
  --color-3: #f7fcff; /* Heart of Ice */
  --color-4: #e6e8fa; /* Glitter */
  --color-5: #f0ebfc; /* Placebo Purple */
}

Other schemes from Heart of Ice

More white analogous color schemes

Questions

What colors go with Heart of Ice?

In a analogous scheme: Mint Chiffon (#E6FDF1), Bubbles (#E7FEFF), Glitter (#E6E8FA), Placebo Purple (#F0EBFC).

What is the hex code of Heart of Ice?

#F7FCFF.