#FEC615Orangina (#FEC615) is a very light, saturated yellow with an OKLCH hue of 87°, lightness 0.85 and chroma 0.171. 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 | #FEC615 |
|---|---|
| RGB | rgb(254, 198, 21) |
| HSL | hsl(46, 99%, 54%) |
| HSV | hsv(46, 92%, 100%) |
| CMYK | cmyk(0%, 22%, 92%, 0%) |
| CIE Lab | lab(82.7 6.5 81.8) |
| OKLCH | oklch(0.853 0.171 87) |
Under warm 2700K interior light Orangina shifts subtly: leans toward orange; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.4), so it is a lighting-stable choice.
#ffc000 — ΔE 1.4, shifts subtly: leans toward orange#ffc603 — ΔE 0.3, is virtually unchanged#fec615 — ΔE 0.0, is virtually unchanged#fec719 — ΔE 0.2, is virtually unchangedTest Orangina 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.58:1 and against black 13.3: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.
#fff1cf · #fec615 · #c99b00 · #9b7700 · #705500 · #473500
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.
#efe374 · #fec615 · #fba724 · #f08c3b · #de734f · #c85f5c
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.
#fec615 · #93bd88 · #b38a00 · #2f880b · #6c5200 · #1d4611
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.
#fec615 · #baaa87 · #a28641 · #2f4cb6 · #3c2c00 · #1d1300
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#fec615 · #abb2c2 · #857c66 · #464b55 · #261d05 · #000105
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.
#edf2fd · #c3c9d6 · #969caa · #1b2233 · #01020f · #fec615
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e6f0cb · #fec615 · #acc58e · #1966a9 · #2c3c68 · #081316
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#c6f4ea · #fec615 · #bdade0 · #7b739b · #385c75 · #0f1204
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fec615 · #8cbcc3 · #008d9b · #771579 · #370038 · #000304
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#fec615 · #8fbdb2 · #00917c · #233da6 · #3f001e · #010012
#FFCE4E · #FFD672 · #FFDE90 · #FFE6AB · #FFEDC3
#D0A100 · #A47E00 · #795C00 · #513D00 · #2D2000
#F4C95C · #EACB82 · #E0CDA1
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.