John Lemon #EEFF22

John Lemon (#EEFF22) is a near-white, vivid yellow-green with an OKLCH hue of 115°, lightness 0.96 and chroma 0.21. 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.

Color values

HEX#EEFF22
RGBrgb(238, 255, 34)
HSLhsl(65, 100%, 57%)
HSVhsv(65, 87%, 100%)
CMYKcmyk(7%, 0%, 87%, 0%)
CIE Lablab(95.9 -28.1 89.5)
OKLCHoklch(0.955 0.210 115)

How John Lemon behaves under real light

Under warm 2700K interior light John Lemon shifts subtly: drifts toward yellow; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 2), so it is a lighting-stable choice.

Test John Lemon in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 1.11:1 and against black 18.96:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Colors that go with John Lemon

Tonal

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.

#eeff22 · #c7d600 · #a1ac00 · #7b8500 · #585f00 · #373c00

Analogous

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.

#eeff22 · #fcdd00 · #ffbc02 · #fd9c00 · #f57d26 · #e36447

Shifted

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.

#eeff22 · #67c5a1 · #8f9a00 · #008864 · #565d00 · #004833

Contrast

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.

#eeff22 · #cbd2a3 · #a7b257 · #7945d7 · #484e00 · #2c3000

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#eeff22 · #d3cfe5 · #929779 · #595665 · #242706 · #010006

Bright Accent

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.

#f2f0fc · #c9c7d4 · #9c99a9 · #231f31 · #04020e · #eeff22

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#eeff22 · #d5cbf9 · #9c7aee · #662cbf · #2d0061 · #020200

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#eeff22 · #b2e2e7 · #d081d8 · #506993 · #393855 · #051605

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#eeff22 · #abdaf7 · #009fdc · #a1005f · #480027 · #00050d

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#eeff22 · #a2dfe6 · #00a7b4 · #662cbf · #4c0005 · #040013

Tints, shades & muted variants

Tints

#EFFF57 · #EFFE77 · #F0FE90 · #F1FDA6 · #F2FCBA

Shades

#C2D000 · #97A200 · #6E7700 · #484E00 · #252900

Muted

#EEFD6F · #EEFA99 · #EEF7BC

Using John Lemon

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.

Similar colors