A study in brown
Tailwind Yellow 600
#CA8A00
- Family
- Brown
- L
- 0.681
- C
- 0.143
- H
- 76°
Notes
Yellow 600 is the hex Tailwind sits at when the framework's yellow finally crosses from highlighter into bronze-amber territory. The value is dark enough to pass body-text contrast at headline sizes but still borderline at 14-16px. Caterpillar machinery and the older National Geographic logos both use yellows in this neighbourhood; the depth reads as utilitarian rather than as cheerful. It works as a brand accent for industrial, energy, or heritage products. A deep teal #0f766e builds a complementary palette; charcoal #1f2937 handles type-heavy layouts. Body text against white passes AA only at sizes 18px and above; smaller copy loses legibility against any pale surface.
Palette built around Tailwind Yellow 600
Related colors
Frequently asked questions
What is Tailwind Yellow 600?
Yellow 600 is the hex Tailwind sits at when the framework's yellow finally crosses from highlighter into bronze-amber territory. The value is dark enough to pass body-text contrast at headline sizes but still borderline at 14-16px. Its hex code is #CA8A00.
What are the tints and shades of Tailwind Yellow 600?
uishades builds an 11-step OKLCH ramp for Tailwind Yellow 600 (#CA8A00) - 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 600?
Its complementary color is #599AEF. Triadic partners are #00B1B4 and #BA7BD3; analogous neighbours are #A59D0B and #DF7945.
What are the OKLCH and RGB values of Tailwind Yellow 600?
Tailwind Yellow 600 is #CA8A00 - OKLCH 0.681 0.143 76°, rgb(202 138 0), in the brown family.