A study in green
Tailwind Green 500
#00C65A
- Family
- Green
- L
- 0.722
- C
- 0.200
- H
- 150°
Notes
Tailwind Green 500 sits at the saturated mid-green centre of Tailwind v4's green ramp. The hex falls between Emerald and Lime in hue and reads as fresh and energetic. It pulls duty for confirmation states, primary growth accents, and bright brand colour in food and outdoor products. Against white the body text contrast is borderline at small sizes; larger sizes are safest and dark text overlays the clean option on button surfaces. Body text against white passes AA only at sizes 18px and above; smaller body text needs the 600 stop or deeper.
See your palette on a real UI - coming soon
Preview these shades across buttons, cards, and components in a live interface.
Palette built around Tailwind Green 500
Related colors
Frequently asked questions
What is Tailwind Green 500?
Tailwind Green 500 sits at the saturated mid-green centre of Tailwind v4's green ramp. The hex falls between Emerald and Lime in hue and reads as fresh and energetic. Its hex code is #00C65A.
What are the tints and shades of Tailwind Green 500?
uishades builds an 11-step OKLCH ramp for Tailwind Green 500 (#00C65A) - 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 Tailwind Green 500?
Its complementary color is #E86FE0. Triadic partners are #7D9DFF and #FF6956; analogous neighbours are #00C3A8 and #98B500.
What are the OKLCH and RGB values of Tailwind Green 500?
Tailwind Green 500 is #00C65A - OKLCH 0.722 0.200 150°, rgb(0 198 90), in the green family.