#FDC5E3Sugarwinkle (#FDC5E3) is a very light, soft magenta with an OKLCH hue of 345°, lightness 0.88 and chroma 0.074. It sits on the transitional side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #FDC5E3 |
|---|---|
| RGB | rgb(253, 197, 227) |
| HSL | hsl(328, 93%, 88%) |
| HSV | hsv(328, 22%, 99%) |
| CMYK | cmyk(0%, 22%, 10%, 1%) |
| CIE Lab | lab(85.2 24.5 -7.2) |
| OKLCH | oklch(0.882 0.074 345) |
Under warm 2700K interior light Sugarwinkle shifts subtly: drifts toward pink; in north-facing or shaded light it shifts subtly: leans toward purple. Overall drift across common illuminants is small (max ΔE ≈ 2), so it is a lighting-stable choice.
#ffc0d4 — ΔE 2.0, shifts subtly: drifts toward pink#ffc6de — ΔE 0.9, shifts subtly: drifts toward pink#fdc5e3 — ΔE 0.0, is virtually unchanged#fdc6e6 — ΔE 0.4, shifts subtly: leans toward purpleTest Sugarwinkle in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 1.47:1 and against black 14.27:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.
#ffecf5 · #fdc5e3 · #c292ab · #986e85 · #704c60 · #4b2d3e
The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.
#fdc5e3 · #e0b4dc · #c1a5d1 · #a397c3 · #8689b2 · #6a7b9e
The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.
#fdc5e3 · #ceb0a7 · #b689a2 · #a26b5b · #775066 · #563b33
One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.
#fdc5e3 · #86c4a9 · #9e8d96 · #846977 · #634b58 · #403139
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#fdc5e3 · #b5bdb9 · #8a7f85 · #4b504d · #261d22 · #000101
This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.
#ebf4f0 · #c1ccc7 · #93a09a · #172720 · #000602 · #fdc5e3
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#f2f8d2 · #fdc5e3 · #33be42 · #9669b4 · #3f4936 · #220609
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#fdc5e3 · #aec0b8 · #738b67 · #005b5b · #112604 · #000202
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fdc5e3 · #bdbcac · #88855b · #10576e · #002431 · #040300
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#fdc5e3 · #c4b9ac · #987e5a · #1c5b45 · #08203d · #000301
#FECCE7 · #FFD3EA · #FFDBEE · #FFE2F1 · #FFE9F4
#D19FBA · #A67A92 · #7D586C · #573749 · #331928
#F6C9E1 · #EECDDE · #E6D1DC
Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.