Huebook

Cold Canada Analogous Color Scheme

Five colors arranged by the analogous rule around Cold Canada (#DBFFFE), each snapped to its nearest named color.

#DDFFDD
#DDFFEE
#DBFFFE
#DDEEFF
#DDDDFF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Transparent Green#DDFFDD221, 255, 221120°, 100%, 93%13, 0, 13, 096.7% 0.057 145
Crystal Glass#DDFFEE221, 255, 238150°, 100%, 93%13, 0, 7, 097.1% 0.042 164
Cold Canada#DBFFFE219, 255, 254178°, 100%, 93%14, 0, 0, 097.4% 0.037 195
Calcareous Sinter#DDEEFF221, 238, 255210°, 100%, 93%13, 7, 0, 094.2% 0.029 248
Transparent Blue#DDDDFF221, 221, 255240°, 100%, 93%13, 13, 0, 090.8% 0.046 285

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DBFFFE on #DDDDFF1.25:1—
Aa #DDFFEE on #DDDDFF1.24:1—
Aa #DDFFDD on #DDDDFF1.22:1—
Aa #DDEEFF on #DDDDFF1.12:1—
Aa #DBFFFE on #DDEEFF1.11:1—
Aa #DDFFEE on #DDEEFF1.11:1—

CSS variables

:root {
  --color-1: #ddffdd; /* Transparent Green */
  --color-2: #ddffee; /* Crystal Glass */
  --color-3: #dbfffe; /* Cold Canada */
  --color-4: #ddeeff; /* Calcareous Sinter */
  --color-5: #ddddff; /* Transparent Blue */
}

Other schemes from Cold Canada

More very light teal analogous color schemes

Questions

What colors go with Cold Canada?

In a analogous scheme: Transparent Green (#DDFFDD), Crystal Glass (#DDFFEE), Calcareous Sinter (#DDEEFF), Transparent Blue (#DDDDFF).

What is the hex code of Cold Canada?

#DBFFFE.