#FFCCBBPiggy Bank (#FFCCBB) is a very light, muted red with an OKLCH hue of 39°, lightness 0.89 and chroma 0.063. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #FFCCBB |
|---|---|
| RGB | rgb(255, 204, 187) |
| HSL | hsl(15, 100%, 87%) |
| HSV | hsv(15, 27%, 100%) |
| CMYK | cmyk(0%, 20%, 27%, 0%) |
| CIE Lab | lab(86 15.6 15.3) |
| OKLCH | oklch(0.885 0.063 39) |
Under warm 2700K interior light Piggy Bank shifts subtly: leans toward orange; in north-facing or shaded light it shifts subtly: leans toward pink. Overall drift across common illuminants is small (max ΔE ≈ 1.8), so it is a lighting-stable choice.
#ffc6ae — ΔE 1.8, shifts subtly: leans toward orange#ffccb7 — ΔE 0.5, shifts subtly: leans toward orange#ffccbb — ΔE 0.0, is virtually unchanged#ffcdbe — ΔE 0.4, shifts subtly: leans toward pinkTest Piggy Bank 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.44:1 and against black 14.61: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.
#ffeee8 · #ffccbb · #c29788 · #997266 · #715045 · #4c3027
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.
#ffccbb · #f1b4b0 · #daa1ab · #c190a5 · #a6809d · #8b7192
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.
#ffccbb · #c2b99e · #bd8d7d · #8c7a46 · #7d5346 · #4c432a
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.
#ffccbb · #7dc2d7 · #a1908a · #896b61 · #674d45 · #43322d
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ffccbb · #b5bec1 · #8c817d · #4a5052 · #281d1a · #000102
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.
#ffccbb · #b89e96 · #66483f · #4a2c22 · #270a02 · #ef6939
The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.
#ffccbb · #b89e96 · #66483f · #4a2c22 · #270a02 · #d8c64e
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#f2f8d2 · #ffccbb · #d2c191 · #2996f1 · #304266 · #0b082e
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffccbb · #adc0c6 · #57908b · #2c5277 · #002724 · #00020b
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffccbb · #b1c1b7 · #648f77 · #474a78 · #1a1b3e · #000401
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffccbb · #b8bfb0 · #788b65 · #08586b · #291637 · #000408
#FFD2C4 · #FFD9CC · #FFDFD5 · #FFE5DD · #FFECE5
#D2A596 · #A78072 · #7E5C51 · #573B31 · #331C15
#F7CFC2 · #F0D2C8 · #E7D5CE
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.