Huebook

Cotton Clouds Analogous Color Scheme

Five colors arranged by the analogous rule around Cotton Clouds (#C2E1EC), each snapped to its nearest named color.

#C2EBD1
#C4EAE0
#C2E1EC
#C3CDE6
#CEC8EF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lost Lace#C2EBD1194, 235, 209142°, 51%, 84%17, 0, 11, 890.4% 0.055 157
Clear Aqua#C4EAE0196, 234, 224164°, 47%, 84%16, 0, 4, 890.7% 0.042 178
Cotton Clouds#C2E1EC194, 225, 236196°, 53%, 84%18, 5, 0, 789.1% 0.036 221
Periwinkle Grey#C3CDE6195, 205, 230223°, 41%, 83%15, 11, 0, 1084.9% 0.037 268
Soap#CEC8EF206, 200, 239249°, 55%, 86%14, 16, 0, 685.0% 0.054 292

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C4EAE0 on #CEC8EF1.23:1—
Aa #C4EAE0 on #C3CDE61.23:1—
Aa #C2EBD1 on #CEC8EF1.23:1—
Aa #C2EBD1 on #C3CDE61.22:1—
Aa #C2E1EC on #CEC8EF1.16:1—
Aa #C2E1EC on #C3CDE61.16:1—

CSS variables

:root {
  --color-1: #c2ebd1; /* Lost Lace */
  --color-2: #c4eae0; /* Clear Aqua */
  --color-3: #c2e1ec; /* Cotton Clouds */
  --color-4: #c3cde6; /* Periwinkle Grey */
  --color-5: #cec8ef; /* Soap */
}

Other schemes from Cotton Clouds

More very light blue analogous color schemes

Questions

What colors go with Cotton Clouds?

In a analogous scheme: Lost Lace (#C2EBD1), Clear Aqua (#C4EAE0), Periwinkle Grey (#C3CDE6), Soap (#CEC8EF).

What is the hex code of Cotton Clouds?

#C2E1EC.