Huebook

Crushed Ice Analogous Color Scheme

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

#CCFFC2
#CCFFDD
#C4FFF7
#C1EBFF
#CCCCFF

Color names and codes

NameHEXRGBHSLCMYK
Frosted Mint Hills#CCFFC2204, 255, 194110°, 100%, 88%20, 0, 24, 0
Mint Zest#CCFFDD204, 255, 221140°, 100%, 90%20, 0, 13, 0
Crushed Ice#C4FFF7196, 255, 247172°, 100%, 88%23, 0, 3, 0
Blue Java Banana#C1EBFF193, 235, 255199°, 100%, 88%24, 8, 0, 0
Lavender Blue#CCCCFF204, 204, 255240°, 100%, 90%20, 20, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C4FFF7 on #CCCCFF1.39:1—
Aa #CCFFDD on #CCCCFF1.39:1—
Aa #CCFFC2 on #CCCCFF1.37:1—
Aa #C1EBFF on #CCCCFF1.22:1—
Aa #C4FFF7 on #C1EBFF1.14:1—
Aa #CCFFDD on #C1EBFF1.14:1—

CSS variables

:root {
  --color-1: #ccffc2; /* Frosted Mint Hills */
  --color-2: #ccffdd; /* Mint Zest */
  --color-3: #c4fff7; /* Crushed Ice */
  --color-4: #c1ebff; /* Blue Java Banana */
  --color-5: #ccccff; /* Lavender Blue */
}

Other schemes from Crushed Ice

More Very Light Teal analogous palettes

Questions

What colors go with Crushed Ice?

In a analogous scheme: Frosted Mint Hills (#CCFFC2), Mint Zest (#CCFFDD), Blue Java Banana (#C1EBFF), Lavender Blue (#CCCCFF).

What is the hex code of Crushed Ice?

#C4FFF7.