Tailwind Fuchsia
All 11 shades with hex codes — and, for each one, whether you can actually put text on it.
fuchsia-600
lightest shade that passes AA for body text on white — 4.71:1
Body copy at 4.71:1
✓ fuchsia-500 clears 3:1 for borders and icons on white
✓ fuchsia-500 is the darkest that passes AA on black
Every shade links to its full contrast report on white.
Shades, hex codes and contrast
| Shade | Hex | On white | On black | APCA Lc | Body text on white |
|---|---|---|---|---|---|
fuchsia-50 |
#FDF4FF |
1.07:1 | 19.56:1 | 0 | ✕ fails |
fuchsia-100 |
#FAE8FF |
1.16:1 | 18.05:1 | 0 | ✕ fails |
fuchsia-200 |
#F5D0FE |
1.37:1 | 15.34:1 | 17 | ✕ fails |
fuchsia-300 |
#F0ABFC |
1.76:1 | 11.94:1 | 30 | ✕ fails |
fuchsia-400 |
#E879F9 |
2.46:1 | 8.53:1 | 46 | ✕ fails |
fuchsia-500 |
#D946EF |
3.46:1 | 6.07:1 | 59 | ✕ large text only |
fuchsia-600 |
#C026D3 |
4.71:1 | 4.46:1 | 69 | ✓ AA |
fuchsia-700 |
#A21CAF |
6.32:1 | 3.32:1 | 78 | ✓ AA |
fuchsia-800 |
#86198F |
8.24:1 | 2.55:1 | 85 | ✓ AAA |
fuchsia-900 |
#701A75 |
10.03:1 | 2.09:1 | 90 | ✓ AAA |
fuchsia-950 |
#4A044E |
14.80:1 | 1.42:1 | 99 | ✓ AAA |
How to read this
- 4.5:1 is the WCAG 2.2 minimum for body text (1.4.3). 7:1 is AAA.
- 3:1 is the minimum for large text and for non-text things you have to see — borders, icons, focus rings (1.4.11).
- APCA Lc is a perceptual model that weights dark-on-light differently from light-on-dark. It disagrees with the ratio often enough to be worth reading; Lc 60 is roughly body-text territory, Lc 75 comfortable.
- Tailwind's fuchsia sits closest to the colour name Orchid at its 500 stop.
Other Tailwind colours
Slate
#64748B
Gray
#6B7280
Zinc
#71717A
Neutral
#737373
Stone
#78716C
Red
#EF4444
Orange
#F97316
Amber
#F59E0B
Yellow
#EAB308
Lime
#84CC16
Green
#22C55E
Emerald
#10B981
Teal
#14B8A6
Cyan
#06B6D4
Sky
#0EA5E9
Blue
#3B82F6
Indigo
#6366F1
Violet
#8B5CF6
Purple
#A855F7
Pink
#EC4899
Rose
#F43F5E
Need a fuchsia that is yours, not Tailwind's
Paste a brand hex and get an 11-stop OKLCH ramp built around it, with every pairing checked before you ship.
Open ColorsMine