#FEFE33Giraffe (#FEFE33) is a near-white, saturated yellow with an OKLCH hue of 110°, lightness 0.97 and chroma 0.2. 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 | #FEFE33 |
|---|---|
| RGB | rgb(254, 254, 51) |
| HSL | hsl(60, 99%, 60%) |
| HSV | hsv(60, 80%, 100%) |
| CMYK | cmyk(0%, 0%, 80%, 0%) |
| CIE Lab | lab(96.9 -20.7 87.2) |
| OKLCH | oklch(0.966 0.200 110) |
Under warm 2700K interior light Giraffe 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.7), so it is a lighting-stable choice.
#fff71e — ΔE 1.7, shifts subtly: leans toward orange#fffe29 — ΔE 0.3, is virtually unchanged#fefe33 — ΔE 0.0, is virtually unchanged#feff36 — ΔE 0.2, is virtually unchangedTest Giraffe 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.08:1 and against black 19.44: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.
#fefe33 · #d2d200 · #a9a900 · #828200 · #5d5d00 · #3b3b00
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.
#fefe33 · #ffde69 · #ffc056 · #ffa040 · #f88043 · #e46959
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.
#fefe33 · #75c79f · #9b9b00 · #008c5e · #5e5e00 · #004c31
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.
#fefe33 · #d2d4a7 · #b1b35c · #8f9043 · #6b47d0 · #323200
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#fefe33 · #d5d4e8 · #97987c · #5a5866 · #272708 · #010005
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.
#f1f0fc · #c8c7d5 · #9b9aa9 · #222031 · #04020e · #fefe33
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#fefe33 · #d5d0fc · #9582f0 · #5e37bf · #2a0067 · #040300
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#fefe33 · #c0e4fc · #91a3d1 · #9a4f9d · #2e3957 · #160e04
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fefe33 · #aedef6 · #00a4d7 · #a1006a · #48002d · #00050c
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#fefe33 · #a8e3e6 · #00abb1 · #5e37bf · #4d000d · #02000f
#FDFE5E · #FBFD7B · #FAFC93 · #F9FBA8 · #F8FABC
#CFCF00 · #A2A100 · #767600 · #4E4E00 · #292800
#FBFD75 · #F9FB9E · #F7F9C0
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.