Huebook

Sugarwinkle Analogous Color Scheme

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

#DFC5FE
#FFCCFF
#FDC5E3
#FDC3C6
#FEDDC5

Color names and codes

NameHEXRGBHSLCMYK
Neon Boneyard#DFC5FE223, 197, 254267°, 97%, 88%12, 22, 0, 0
Sugar Chic#FFCCFF255, 204, 255300°, 100%, 90%0, 20, 0, 0
Sugarwinkle#FDC5E3253, 197, 227328°, 93%, 88%0, 22, 10, 1
Crystal Rose#FDC3C6253, 195, 198357°, 94%, 88%0, 23, 22, 1
Salmon Creek#FEDDC5254, 221, 19725°, 97%, 88%0, 13, 22, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DFC5FE on #FEDDC51.21:1—
Aa #FDC3C6 on #FEDDC51.19:1—
Aa #FDC5E3 on #FEDDC51.15:1—
Aa #DFC5FE on #FFCCFF1.13:1—
Aa #FFCCFF on #FDC3C61.11:1—
Aa #FFCCFF on #FDC5E31.07:1—

CSS variables

:root {
  --color-1: #dfc5fe; /* Neon Boneyard */
  --color-2: #ffccff; /* Sugar Chic */
  --color-3: #fdc5e3; /* Sugarwinkle */
  --color-4: #fdc3c6; /* Crystal Rose */
  --color-5: #feddc5; /* Salmon Creek */
}

Other schemes from Sugarwinkle

More Very Light Pink analogous palettes

Questions

What colors go with Sugarwinkle?

In a analogous scheme: Neon Boneyard (#DFC5FE), Sugar Chic (#FFCCFF), Crystal Rose (#FDC3C6), Salmon Creek (#FEDDC5).

What is the hex code of Sugarwinkle?

#FDC5E3.