A study in orange
Tailwind Amber 500
#F69E00
- Family
- Orange
- L
- 0.770
- C
- 0.167
- H
- 70°
Notes
Tailwind Amber 500 anchors the framework's amber palette at mid-saturation, leaning slightly toward orange. The hex is bright enough to function as a warning state colour and warm enough to feel friendly rather than alarming. Common for caution alerts, in-progress badges, or energetic accent buttons in food and travel branding. Against white the contrast is borderline for body text, so larger sizes are safest and dark text overlays the cleanest option when it shows up as a button or panel colour. Body text contrast against white falls below AA at sizes under 18px.
Palette built around Tailwind Amber 500
Related colors
Frequently asked questions
What is Tailwind Amber 500?
Tailwind Amber 500 anchors the framework's amber palette at mid-saturation, leaning slightly toward orange. The hex is bright enough to function as a warning state colour and warm enough to feel friendly rather than alarming. Its hex code is #F69E00.
What are the tints and shades of Tailwind Amber 500?
uishades builds an 11-step OKLCH ramp for Tailwind Amber 500 (#F69E00) - 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 Amber 500?
Its complementary color is #66B9FF. Triadic partners are #00D2CA and #D593FF; analogous neighbours are #CDB500 and #FF8B5D.
What are the OKLCH and RGB values of Tailwind Amber 500?
Tailwind Amber 500 is #F69E00 - OKLCH 0.770 0.167 70°, rgb(246 158 0), in the orange family.