#FFCCFFSugar Chic (#FFCCFF) is a very light, soft magenta with an OKLCH hue of 326°, lightness 0.91 and chroma 0.087. 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 | #FFCCFF |
|---|---|
| RGB | rgb(255, 204, 255) |
| HSL | hsl(300, 100%, 90%) |
| HSV | hsv(300, 20%, 100%) |
| CMYK | cmyk(0%, 20%, 0%, 0%) |
| CIE Lab | lab(87.8 26.4 -18.1) |
| OKLCH | oklch(0.905 0.087 326) |
Under warm 2700K interior light Sugar Chic shifts subtly: leans toward pink; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 2.2), so it is a lighting-stable choice.
#ffc7ef — ΔE 2.2, shifts subtly: leans toward pink#ffcdfa — ΔE 0.8, shifts subtly: leans toward pink#ffccff — ΔE 0.0, is virtually unchanged#ffcdff — ΔE 0.2, is virtually unchangedTest Sugar Chic 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.37:1 and against black 15.33: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.
#ffccff · #e7b7e7 · #bc91bc · #936e94 · #6c4c6d · #482d48
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.
#ffccff · #f3b7db · #e4a4b8 · #d19397 · #bc8379 · #a4755f
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.
#ffccff · #dab5b5 · #b990b9 · #b06c6e · #7a567a · #613e3f
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.
#ffccff · #98cc9b · #a395a3 · #886f88 · #675167 · #453644
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ffccff · #bec5be · #8e858e · #4f534f · #271e27 · #000100
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.
#ecf5ec · #c2ccc2 · #949f94 · #19261a · #000500 · #ffccff
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffccff · #b8c7b9 · #6c946f · #2e5f33 · #012a08 · #030004
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffccff · #b1d6bf · #a7af6a · #4b6a60 · #2d392e · #21050e
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffccff · #cac2b0 · #9b8556 · #005d66 · #00272c · #0a0400
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffccff · #d0bfb3 · #a97d5e · #2e5f33 · #002538 · #000200
#FFD2FF · #FFD8FF · #FFDEFF · #FFE4FF · #FFEAFE
#D2A4D2 · #A67FA7 · #7D5A7D · #563956 · #311A32
#F9D0F8 · #F2D5F2 · #EBD9EB
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.