A study in yellow
Tailwind Yellow 500
#EAB300
- Family
- Yellow
- L
- 0.795
- C
- 0.163
- H
- 86°
Notes
Tailwind Yellow 500 sits at the saturated mid-yellow centre of the framework's yellow ramp. The hex carries very high chroma and reads as a confident harvest yellow. It pulls duty as a primary brand colour for food, energy, or attention-focused products, and as a warning state in dashboards and forms. Against white the body text contrast fails AA at all sizes - strictly backgrounds, fills, and accents with dark text overlays. Body text contrast against white fails AA at every standard size; the value works only as a surface or marker, never as type.
Palette built around Tailwind Yellow 500
Related colors
Frequently asked questions
What is Tailwind Yellow 500?
Tailwind Yellow 500 sits at the saturated mid-yellow centre of the framework's yellow ramp. The hex carries very high chroma and reads as a confident harvest yellow. Its hex code is #EAB300.
What are the tints and shades of Tailwind Yellow 500?
uishades builds an 11-step OKLCH ramp for Tailwind Yellow 500 (#EAB300) - 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 Yellow 500?
Its complementary color is #97BAFF. Triadic partners are #00D7ED and #F195F3; analogous neighbours are #B7C838 and #FF9D45.
What are the OKLCH and RGB values of Tailwind Yellow 500?
Tailwind Yellow 500 is #EAB300 - OKLCH 0.795 0.163 86°, rgb(234 179 0), in the yellow family.