#D983BDPink Punk (#D983BD) is a light, soft magenta with an OKLCH hue of 340°, lightness 0.72 and chroma 0.128. 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 | #D983BD |
|---|---|
| RGB | rgb(217, 131, 189) |
| HSL | hsl(320, 53%, 68%) |
| HSV | hsv(320, 40%, 85%) |
| CMYK | cmyk(0%, 40%, 13%, 15%) |
| CIE Lab | lab(65.5 41.1 -16.2) |
| OKLCH | oklch(0.719 0.128 340) |
Under warm 2700K interior light Pink Punk shifts subtly: leans toward red; in north-facing or shaded light it shifts subtly: leans toward purple. Overall drift across common illuminants is small (max ΔE ≈ 1.8), so it is a lighting-stable choice.
#dc7fb1 — ΔE 1.8, shifts subtly: leans toward red#de83b9 — ΔE 1.0, shifts subtly: leans toward red#d983bd — ΔE 0.0, is virtually unchanged#d984c0 — ΔE 0.4, shifts subtly: leans toward purpleTest Pink Punk 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 2.65:1 and against black 7.93: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.
#ffebf7 · #fcace0 · #d983bd · #aa5f92 · #803e6c · #581e48
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.
#ffb2ba · #f198b9 · #d983bd · #b578ba · #926db2 · #7063a3
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.
#eab5aa · #d983bd · #b16b9a · #a54736 · #70335e · #50231b
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.
#ffe1f3 · #d9becf · #d983bd · #219a68 · #7c546e · #553b4c
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#e8f6ee · #d983bd · #94838e · #4c5550 · #2c1c26 · #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.
#e9f5ee · #c0cec6 · #92a299 · #172b21 · #000903 · #d983bd
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d5d6b0 · #d983bd · #ad75bd · #218083 · #2b3b2a · #160922
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f1f1cb · #90e7d1 · #d983bd · #596448 · #303b30 · #14051f
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#f7f3d6 · #d983bd · #978a3a · #005c71 · #002631 · #060400
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffefdd · #d983bd · #b07d3d · #00633f · #002243 · #000401
#E195C8 · #E9A6D2 · #F1B8DD · #F9C9E7 · #FFDBF2
#B5689C · #924F7D · #71365F · #511F42 · #330828
#CF8BB8 · #C492B3 · #B999AD
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.