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

NameHEXRGBHSLCMYKOKLCH
Neon Boneyard#DFC5FE223, 197, 254267°, 97%, 88%12, 22, 0, 086.4% 0.082 305
Sugar Chic#FFCCFF255, 204, 255300°, 100%, 90%0, 20, 0, 090.5% 0.087 326
Sugarwinkle#FDC5E3253, 197, 227328°, 93%, 88%0, 22, 10, 188.2% 0.074 345
Crystal Rose#FDC3C6253, 195, 198357°, 94%, 88%0, 23, 22, 187.0% 0.067 15
Salmon Creek#FEDDC5254, 221, 19725°, 97%, 88%0, 13, 22, 091.9% 0.049 58

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 color schemes

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.