Huebook

Cloud Break Analogous Color Scheme

Five colors arranged by the analogous rule around Cloud Break (#F6F1FE), each snapped to its nearest named color.

#E8F5FC
#E6E8FA
#F6F1FE
#F8EBFC
#FEE8F5

Color names and codes

NameHEXRGBHSLCMYK
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1
Glitter#E6E8FA230, 232, 250234°, 67%, 94%8, 7, 0, 2
Cloud Break#F6F1FE246, 241, 254263°, 87%, 97%3, 5, 0, 0
Placebo Fuchsia#F8EBFC248, 235, 252286°, 74%, 95%2, 7, 0, 1
Dolomite Crystal#FEE8F5254, 232, 245325°, 92%, 95%0, 9, 4, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E6E8FA on #F6F1FE1.10:1—
Aa #E8F5FC on #E6E8FA1.09:1—
Aa #E6E8FA on #F8EBFC1.06:1—
Aa #F6F1FE on #FEE8F51.05:1—
Aa #E6E8FA on #FEE8F51.05:1—
Aa #E8F5FC on #FEE8F51.05:1—

CSS variables

:root {
  --color-1: #e8f5fc; /* Kodama White */
  --color-2: #e6e8fa; /* Glitter */
  --color-3: #f6f1fe; /* Cloud Break */
  --color-4: #f8ebfc; /* Placebo Fuchsia */
  --color-5: #fee8f5; /* Dolomite Crystal */
}

Other schemes from Cloud Break

More White analogous palettes

Questions

What colors go with Cloud Break?

In a analogous scheme: Kodama White (#E8F5FC), Glitter (#E6E8FA), Placebo Fuchsia (#F8EBFC), Dolomite Crystal (#FEE8F5).

What is the hex code of Cloud Break?

#F6F1FE.