A study in green
Pale Green
#98FB98
- Family
- Green
- L
- 0.904
- C
- 0.162
- H
- 144°
Notes
Pale Green is a soft, slightly yellow-leaning green at high lightness and moderate chroma. The CSS hex reads as fresh and friendly, useful as a background for wellness, food, and outdoor brands. Pair with deep green or warm brown for type, or with cream for a softer palette. Against white it provides reasonable separation as a panel background but is too pale for body text. As a UI element it works for success states and emphasized panels with dark text overlays. Body text contrast fails AA at every size - strictly a surface colour.
Palette built around Pale Green
Related colors
Frequently asked questions
What is Pale Green?
Pale Green is a soft, slightly yellow-leaning green at high lightness and moderate chroma. The CSS hex reads as fresh and friendly, useful as a background for wellness, food, and outdoor brands. Its hex code is #98FB98.
What are the tints and shades of Pale Green?
uishades builds an 11-step OKLCH ramp for Pale Green (#98FB98) - 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 Pale Green?
Its complementary color is #FFC5FF. Triadic partners are #C9E0FF and #FFCDC8; analogous neighbours are #37FFD7 and #DEEB5F.
What are the OKLCH and RGB values of Pale Green?
Pale Green is #98FB98 - OKLCH 0.904 0.162 144°, rgb(152 251 152), in the green family.