#E8D720Holy Grail (#E8D720) is a very light, saturated yellow with an OKLCH hue of 103°, lightness 0.87 and chroma 0.177. 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 | #E8D720 |
|---|---|
| RGB | rgb(232, 215, 32) |
| HSL | hsl(55, 81%, 52%) |
| HSV | hsv(55, 86%, 91%) |
| CMYK | cmyk(0%, 7%, 86%, 9%) |
| CIE Lab | lab(84.9 -11.3 80.8) |
| OKLCH | oklch(0.866 0.177 103) |
Under warm 2700K interior light Holy Grail 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.6), so it is a lighting-stable choice.
#efd104 — ΔE 1.6, shifts subtly: leans toward orange#efd714 — ΔE 1.0, shifts subtly: leans toward orange#e8d720 — ΔE 0.0, is virtually unchanged#e8d824 — ΔE 0.2, is virtually unchangedTest Holy Grail 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.48:1 and against black 14.17: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.
#fff699 · #e8d720 · #b3a500 · #8a7f00 · #635b00 · #3f3900
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.
#e8d720 · #edb700 · #ea9900 · #e07d28 · #cf643f · #ba504e
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.
#e8d720 · #84c49b · #a49700 · #008d51 · #645c00 · #004c29
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.
#e8d720 · #b5b28b · #989146 · #5b4cc2 · #383300 · #1b1800
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#e8d720 · #b4b4c6 · #838168 · #4b4b57 · #232005 · #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.
#f0f1fc · #c7c7d5 · #999aaa · #202032 · #03020f · #e8d720
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e3f8d6 · #e8d720 · #9bcd8e · #288cf4 · #39406e · #051317
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#c6f7f9 · #e8d720 · #ccafd5 · #3862be · #3d3d5c · #081103
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e8d720 · #92becf · #008db0 · #870364 · #3d002b · #000408
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e8d720 · #8fc1c0 · #009291 · #4632a7 · #420011 · #020010
#EBDD53 · #EEE272 · #F1E88D · #F4EDA5 · #F7F2BB
#BEAF00 · #958900 · #6E6500 · #494200 · #272300
#E3D761 · #DED786 · #DAD6A5
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.