UI Shades

A study in green

Green Yellow

#ADFF2F

Family
Green
L
0.913
C
0.233
H
130°

Notes

Green Yellow is the safety-vest hue construction crews and emergency dispatchers reach for when they need a colour the eye cannot ignore. The CSS value sits in the same band as 3M's Diamond Grade reflective tape. Use it strictly as an accent - a tag pill, a focus ring, a warning state. Never as a surface. It cannot function as body text against any white background, falling well below AA at every size. Pair it with a deep ink like #0a0a0a for type, or place it as a single splash against muted forest green to amplify the contrast without the surrounding palette tipping into a sports-team aesthetic.

#adff2f
Green Yellow
Green Yellow
#adff2f
oklch(0.913 0.233 130.02)
rgb(173 255 47)
hsl(83.7 100% 59.2%)
Share
#e9ffcf
#d8ffa9
#adff2f
#99f300
#81ce00
#61a000
#4f8500
#3f6d00
#2b5000
#1a3600
#0a1d00

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Green Yellow

Cross-reference
Q&A

Frequently asked questions

What is Green Yellow?

Green Yellow is the safety-vest hue construction crews and emergency dispatchers reach for when they need a colour the eye cannot ignore. The CSS value sits in the same band as 3M's Diamond Grade reflective tape. Its hex code is #ADFF2F.

What are the tints and shades of Green Yellow?

uishades builds an 11-step OKLCH ramp for Green Yellow (#ADFF2F) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Green Yellow?

Its complementary color is #F4D3FF. Triadic partners are #C2E7FF and #FFD0D8; analogous neighbours are #56FFB8 and #FFE300.

What are the OKLCH and RGB values of Green Yellow?

Green Yellow is #ADFF2F - OKLCH 0.913 0.233 130°, rgb(173 255 47), in the green family.