UI Shades

A study in orange

Tailwind Orange 600

#EC5600

Family
Orange
L
0.647
C
0.199
H
41°

Notes

Orange 600 is the burnt-orange Hermès has used on its packaging since the 1940s, give or take a delta-E. The Tailwind hex sits deep enough to function as a body-text colour against white but bright enough to still read as orange rather than as brown. Food brands and outdoor-gear companies (Topo Designs and Yeti both have palette entries within a few delta-E of this hex) use it as primary identity colour. A deep teal #0f766e builds a complementary palette, charcoal handles type-heavy layouts. Body text against white passes AA at body sizes and AAA at 18px and above for headline use.

#ec5600
Tailwind Orange 600
Tailwind Orange 600
#ec5600
oklch(0.647 0.199 41.03)
rgb(236 86 0)
hsl(21.9 100% 46.3%)
Share
#fff4eb
#ffece0
#ffd8c4
#ffbfa3
#ff8b5a
#ec5600
#cb3500
#aa2800
#7f1700
#5a0800
#350000

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 Tailwind Orange 600

Cross-reference
Q&A

Frequently asked questions

What is Tailwind Orange 600?

Orange 600 is the burnt-orange Hermès has used on its packaging since the 1940s, give or take a delta-E. The Tailwind hex sits deep enough to function as a body-text colour against white but bright enough to still read as orange rather than as brown. Its hex code is #EC5600.

What are the tints and shades of Tailwind Orange 600?

uishades builds an 11-step OKLCH ramp for Tailwind Orange 600 (#EC5600) - 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 Orange 600?

Its complementary color is #00A0C9. Triadic partners are #00AC6B and #7D78FF; analogous neighbours are #C97900 and #EC4A70.

What are the OKLCH and RGB values of Tailwind Orange 600?

Tailwind Orange 600 is #EC5600 - OKLCH 0.647 0.199 41°, rgb(236 86 0), in the orange family.