Huebook

Sugarwinkle Tetradic Color Scheme

Five colors arranged by the tetradic rule around Sugarwinkle (#FDC5E3), each snapped to its nearest named color.

#FDC5E3
#FFFCC4
#CCFFDD
#C1C6FC
#FFE6F1

Color names and codes

NameHEXRGBHSLCMYK
Sugarwinkle#FDC5E3253, 197, 227328°, 93%, 88%0, 22, 10, 1
Lemon Soap#FFFCC4255, 252, 19657°, 100%, 88%0, 1, 23, 0
Mint Zest#CCFFDD204, 255, 221140°, 100%, 90%20, 0, 13, 0
Light Periwinkle#C1C6FC193, 198, 252235°, 91%, 87%23, 21, 0, 1
Cherubic#FFE6F1255, 230, 241334°, 100%, 95%0, 10, 5, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFCC4 on #C1C6FC1.57:1—
Aa #CCFFDD on #C1C6FC1.48:1—
Aa #FDC5E3 on #FFFCC41.40:1—
Aa #C1C6FC on #FFE6F11.40:1—
Aa #FDC5E3 on #CCFFDD1.33:1—
Aa #FDC5E3 on #FFE6F11.25:1—

CSS variables

:root {
  --color-1: #fdc5e3; /* Sugarwinkle */
  --color-2: #fffcc4; /* Lemon Soap */
  --color-3: #ccffdd; /* Mint Zest */
  --color-4: #c1c6fc; /* Light Periwinkle */
  --color-5: #ffe6f1; /* Cherubic */
}

Other schemes from Sugarwinkle

More Very Light Pink tetradic palettes

Questions

What colors go with Sugarwinkle?

In a tetradic scheme: Lemon Soap (#FFFCC4), Mint Zest (#CCFFDD), Light Periwinkle (#C1C6FC), Cherubic (#FFE6F1).

What is the hex code of Sugarwinkle?

#FDC5E3.