Huebook

Sugar Glaze Complementary Color Scheme

Five colors arranged by the complementary rule around Sugar Glaze (#FFF0E1), each snapped to its nearest named color.

#FFF0E1
#FFF2E4
#E8EEFE
#99CCFF
#E8F5FC

Color names and codes

NameHEXRGBHSLCMYK
Sugar Glaze#FFF0E1255, 240, 22530°, 100%, 94%0, 6, 12, 0
Doeskin#FFF2E4255, 242, 22831°, 100%, 95%0, 5, 11, 0
Brilliant White#E8EEFE232, 238, 254224°, 92%, 95%9, 6, 0, 0
Apocyan#99CCFF153, 204, 255210°, 100%, 80%40, 20, 0, 0
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFF2E4 on #99CCFF1.53:1—
Aa #99CCFF on #E8F5FC1.52:1—
Aa #FFF0E1 on #99CCFF1.51:1—
Aa #E8EEFE on #99CCFF1.45:1—
Aa #FFF2E4 on #E8EEFE1.05:1—
Aa #E8EEFE on #E8F5FC1.04:1—

CSS variables

:root {
  --color-1: #fff0e1; /* Sugar Glaze */
  --color-2: #fff2e4; /* Doeskin */
  --color-3: #e8eefe; /* Brilliant White */
  --color-4: #99ccff; /* Apocyan */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Sugar Glaze

More Very Light Orange complementary palettes

Questions

What colors go with Sugar Glaze?

In a complementary scheme: Doeskin (#FFF2E4), Brilliant White (#E8EEFE), Apocyan (#99CCFF), Kodama White (#E8F5FC).

What is the hex code of Sugar Glaze?

#FFF0E1.