Huebook

Sugar Chic Complementary Color Scheme

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

#FFCCFF
#FFEBFE
#CCFFCC
#94FF94
#E7FBEC

Color names and codes

NameHEXRGBHSLCMYK
Sugar Chic#FFCCFF255, 204, 255300°, 100%, 90%0, 20, 0, 0
Fairy Bubblegum Cloud#FFEBFE255, 235, 254303°, 100%, 96%0, 8, 0, 0
Distilled Moss#CCFFCC204, 255, 204120°, 100%, 90%20, 0, 20, 0
Cobalt Green#94FF94148, 255, 148120°, 100%, 79%42, 0, 42, 0
Winter Mist#E7FBEC231, 251, 236135°, 71%, 95%8, 0, 6, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFCCFF on #E7FBEC1.27:1—
Aa #FFCCFF on #CCFFCC1.22:1—
Aa #FFCCFF on #FFEBFE1.21:1—
Aa #94FF94 on #E7FBEC1.14:1—
Aa #FFCCFF on #94FF941.11:1—
Aa #CCFFCC on #94FF941.10:1—

CSS variables

:root {
  --color-1: #ffccff; /* Sugar Chic */
  --color-2: #ffebfe; /* Fairy Bubblegum Cloud */
  --color-3: #ccffcc; /* Distilled Moss */
  --color-4: #94ff94; /* Cobalt Green */
  --color-5: #e7fbec; /* Winter Mist */
}

Other schemes from Sugar Chic

More Very Light Pink complementary palettes

Questions

What colors go with Sugar Chic?

In a complementary scheme: Fairy Bubblegum Cloud (#FFEBFE), Distilled Moss (#CCFFCC), Cobalt Green (#94FF94), Winter Mist (#E7FBEC).

What is the hex code of Sugar Chic?

#FFCCFF.