Tailwind ColorSnap
Updated for Tailwind v4
Input Color
Nearest TW Color
Distance: 0.00

#eab308 - A mid-tone amber, notable for its bold character.

  • Commonly used for Warning messages (softer than red), Highlighting important content, Review or pending states, Rating elements, and Attention-grabbing accents
  • You might recognize it from Snapchat's brand color, IMDb's logo, and National Geographic's border

Top Matches

yellow-500
Distance: 0.00
amber-400
Distance: 4.82
amber-500
Distance: 8.26
yellow-400
Distance: 8.39
amber-300
Distance: 10.64

All green Shades

yellow-50
yellow-100
yellow-200
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
yellow-950

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #eab308 / yellow-500
Brand accent #DAA500 / yellow-500
Complementary accent #1F51EC / blue-700
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Avoid using yellow for text except in very dark shades. Yellow-900 minimum for text on light backgrounds

Consider color blindness implications. Always pair with clear iconography

See all Tailwind colors