#FFFF31Daffodil (#FFFF31) is a near-white, vivid yellow with an OKLCH hue of 110°, lightness 0.97 and chroma 0.201. 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 | #FFFF31 |
|---|---|
| RGB | rgb(255, 255, 49) |
| HSL | hsl(60, 100%, 60%) |
| HSV | hsv(60, 81%, 100%) |
| CMYK | cmyk(0%, 0%, 81%, 0%) |
| CIE Lab | lab(97.2 -20.8 88) |
| OKLCH | oklch(0.969 0.201 110) |
Under warm 2700K interior light Daffodil shifts subtly: leans toward orange, reads darker; 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.
#fff81a — ΔE 1.7, shifts subtly: leans toward orange, reads darker#ffff26 — ΔE 0.4, is virtually unchanged#ffff31 — ΔE 0.0, is virtually unchanged#ffff35 — ΔE 0.2, is virtually unchangedAgainst white it measures 1.07:1 and against black 19.6: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.
#ffff31 · #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.
#ffff31 · #ffdf6f · #ffc15a · #ffa144 · #fa8143 · #e56a59
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.
#ffff31 · #75c8a0 · #9c9b00 · #008d5f · #5f5f00 · #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.
#ffff31 · #d3d5a7 · #b2b45d · #909144 · #6b46d0 · #333300
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ffff31 · #d6d4e9 · #98997d · #5a5967 · #272708 · #010006
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 · #ffff31
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffff31 · #d6d1fd · #9682f2 · #5f37c1 · #2a0068 · #040300
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffff31 · #bee7fa · #84a8cf · #7446a0 · #2d3c5b · #160e04
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffff31 · #afdff8 · #00a5d8 · #a2006a · #49002d · #00050c
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffff31 · #a8e4e7 · #00abb2 · #5f37c1 · #4d000d · #02000f
#FDFE5E · #FCFE7B · #FBFD93 · #F9FCA8 · #F8FBBB
#D0D000 · #A2A200 · #777600 · #4E4E00 · #292800
#FCFE75 · #FAFC9E · #F7FAC1
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.