A study in red
Tailwind Red 600
#E40016
- Family
- Red
- L
- 0.578
- C
- 0.236
- H
- 27°
Notes
Red 600 is the destructive-action red of choice in modern UI - slightly deeper than Tailwind 500, calibrated to pass body-text contrast against white at standard sizes, and dark enough that a button styled with it reads as serious rather than playful. The Vercel dashboard, Linear, and most post-2020 SaaS products use tones within a few delta-E of this hex for delete confirmations and error states. A calm Slate 50 surface keeps the red from feeling alarming in non-urgent contexts. Body text against white passes AA at body sizes and AAA at 18px and above, which makes it usable for error message copy.
Palette built around Tailwind Red 600
Related colors
Frequently asked questions
What is Tailwind Red 600?
Red 600 is the destructive-action red of choice in modern UI - slightly deeper than Tailwind 500, calibrated to pass body-text contrast against white at standard sizes, and dark enough that a button styled with it reads as serious rather than playful. The Vercel dashboard, Linear, and most post-2020 SaaS products use tones within a few delta-E of this hex for delete confirmations and error states. Its hex code is #E40016.
What are the tints and shades of Tailwind Red 600?
uishades builds an 11-step OKLCH ramp for Tailwind Red 600 (#E40016) - 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 Red 600?
Its complementary color is #008C9D. Triadic partners are #00971E and #3E65FF; analogous neighbours are #BD5A00 and #DA007B.
What are the OKLCH and RGB values of Tailwind Red 600?
Tailwind Red 600 is #E40016 - OKLCH 0.578 0.236 27°, rgb(228 0 22), in the red family.