#FDFF63Canary (#FDFF63) is a near-white, saturated yellow with an OKLCH hue of 110°, lightness 0.97 and chroma 0.174. 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 | #FDFF63 |
|---|---|
| RGB | rgb(253, 255, 99) |
| HSL | hsl(61, 100%, 69%) |
| HSV | hsv(61, 61%, 100%) |
| CMYK | cmyk(1%, 0%, 61%, 0%) |
| CIE Lab | lab(97.4 -19.4 71.9) |
| OKLCH | oklch(0.970 0.174 110) |
Under warm 2700K interior light Canary 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.
#fff856 — ΔE 1.7, shifts subtly: leans toward orange#ffff5d — ΔE 0.5, is virtually unchanged#fdff63 — ΔE 0.0, is virtually unchanged#fdff66 — ΔE 0.2, is virtually unchangedAgainst white it measures 1.07:1 and against black 19.66: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.
#fdff63 · #d0d240 · #a9a91c · #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.
#fdff63 · #ffe070 · #ffc25b · #ffa247 · #f08855 · #dc7262
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.
#fdff63 · #80c6a3 · #9c9c00 · #008e60 · #5f5f00 · #004d32
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.
#fdff63 · #d3d5ae · #b2b46a · #8f9150 · #6a4fc3 · #323307
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#fdff63 · #d7d5e7 · #989981 · #5a5965 · #26270d · #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 · #fdff63
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#fdff63 · #d6d3f9 · #9686e6 · #5e40b3 · #2a0266 · #040300
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#fdff63 · #bee6fa · #88a6c9 · #7346a0 · #2d3c5c · #130c03
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fdff63 · #b5dff4 · #00a5d9 · #9c1e68 · #49002d · #00050c
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#fdff63 · #b0e3e5 · #00acb3 · #5e40b3 · #4d000d · #02000f
#FCFE7C · #FBFD90 · #F9FCA3 · #F8FBB4 · #F7FAC4
#CED03E · #A2A20E · #777700 · #4E4E00 · #292900
#FBFE8C · #F9FCAC · #F7FAC9
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.