Colour contrast pairs
WCAG 2.2 contrast ratios for the Tailwind CSS palette against white and black, in both directions. Every cell links to a full report with AA and AAA results, the nearest passing colour and colour-blindness previews. For any other pair, use the contrast checker.
slate
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| slate-50#f8fafc | 1.04 Fails | 20.07 AAA | 1.04 Fails | 20.07 AAA |
| slate-100#f1f5f9 | 1.09 Fails | 19.16 AAA | 1.09 Fails | 19.16 AAA |
| slate-200#e2e8f0 | 1.23 Fails | 17.03 AAA | 1.23 Fails | 17.03 AAA |
| slate-300#cbd5e1 | 1.48 Fails | 14.14 AAA | 1.48 Fails | 14.14 AAA |
| slate-400#94a3b8 | 2.56 Fails | 8.19 AAA | 2.56 Fails | 8.19 AAA |
| slate-500#64748b | 4.75 AA | 4.41 AA large text only | 4.75 AA | 4.41 AA large text only |
| slate-600#475569 | 7.57 AAA | 2.77 Fails | 7.57 AAA | 2.77 Fails |
| slate-700#334155 | 10.35 AAA | 2.02 Fails | 10.35 AAA | 2.02 Fails |
| slate-800#1e293b | 14.62 AAA | 1.43 Fails | 14.62 AAA | 1.43 Fails |
| slate-900#0f172a | 17.85 AAA | 1.17 Fails | 17.85 AAA | 1.17 Fails |
| slate-950#020617 | 20.17 AAA | 1.04 Fails | 20.17 AAA | 1.04 Fails |
gray
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| gray-50#f9fafb | 1.04 Fails | 20.09 AAA | 1.04 Fails | 20.09 AAA |
| gray-100#f3f4f6 | 1.10 Fails | 19.08 AAA | 1.10 Fails | 19.08 AAA |
| gray-200#e5e7eb | 1.23 Fails | 16.96 AAA | 1.23 Fails | 16.96 AAA |
| gray-300#d1d5db | 1.47 Fails | 14.25 AAA | 1.47 Fails | 14.25 AAA |
| gray-400#9ca3af | 2.53 Fails | 8.27 AAA | 2.53 Fails | 8.27 AAA |
| gray-500#6b7280 | 4.83 AA | 4.34 AA large text only | 4.83 AA | 4.34 AA large text only |
| gray-600#4b5563 | 7.55 AAA | 2.77 Fails | 7.55 AAA | 2.77 Fails |
| gray-700#374151 | 10.30 AAA | 2.03 Fails | 10.30 AAA | 2.03 Fails |
| gray-800#1f2937 | 14.67 AAA | 1.43 Fails | 14.67 AAA | 1.43 Fails |
| gray-900#111827 | 17.73 AAA | 1.18 Fails | 17.73 AAA | 1.18 Fails |
| gray-950#030712 | 20.13 AAA | 1.04 Fails | 20.13 AAA | 1.04 Fails |
zinc
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| zinc-50#fafafa | 1.04 Fails | 20.11 AAA | 1.04 Fails | 20.11 AAA |
| zinc-100#f4f4f5 | 1.09 Fails | 19.10 AAA | 1.09 Fails | 19.10 AAA |
| zinc-200#e4e4e7 | 1.26 Fails | 16.55 AAA | 1.26 Fails | 16.55 AAA |
| zinc-300#d4d4d8 | 1.47 Fails | 14.20 AAA | 1.47 Fails | 14.20 AAA |
| zinc-400#a1a1aa | 2.56 Fails | 8.19 AAA | 2.56 Fails | 8.19 AAA |
| zinc-500#71717a | 4.83 AA | 4.34 AA large text only | 4.83 AA | 4.34 AA large text only |
| zinc-600#52525b | 7.72 AAA | 2.71 Fails | 7.72 AAA | 2.71 Fails |
| zinc-700#3f3f46 | 10.44 AAA | 2.01 Fails | 10.44 AAA | 2.01 Fails |
| zinc-800#27272a | 14.89 AAA | 1.40 Fails | 14.89 AAA | 1.40 Fails |
| zinc-900#18181b | 17.71 AAA | 1.18 Fails | 17.71 AAA | 1.18 Fails |
| zinc-950#09090b | 19.89 AAA | 1.05 Fails | 19.89 AAA | 1.05 Fails |
neutral
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| neutral-50#fafafa | 1.04 Fails | 20.11 AAA | 1.04 Fails | 20.11 AAA |
| neutral-100#f5f5f5 | 1.09 Fails | 19.26 AAA | 1.09 Fails | 19.26 AAA |
| neutral-200#e5e5e5 | 1.25 Fails | 16.67 AAA | 1.25 Fails | 16.67 AAA |
| neutral-300#d4d4d4 | 1.48 Fails | 14.16 AAA | 1.48 Fails | 14.16 AAA |
| neutral-400#a3a3a3 | 2.52 Fails | 8.32 AAA | 2.52 Fails | 8.32 AAA |
| neutral-500#737373 | 4.74 AA | 4.42 AA large text only | 4.74 AA | 4.42 AA large text only |
| neutral-600#525252 | 7.81 AAA | 2.68 Fails | 7.81 AAA | 2.68 Fails |
| neutral-700#404040 | 10.36 AAA | 2.02 Fails | 10.36 AAA | 2.02 Fails |
| neutral-800#262626 | 15.13 AAA | 1.38 Fails | 15.13 AAA | 1.38 Fails |
| neutral-900#171717 | 17.92 AAA | 1.17 Fails | 17.92 AAA | 1.17 Fails |
| neutral-950#0a0a0a | 19.79 AAA | 1.06 Fails | 19.79 AAA | 1.06 Fails |
stone
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| stone-50#fafaf9 | 1.04 Fails | 20.10 AAA | 1.04 Fails | 20.10 AAA |
| stone-100#f5f5f4 | 1.09 Fails | 19.24 AAA | 1.09 Fails | 19.24 AAA |
| stone-200#e7e5e4 | 1.25 Fails | 16.72 AAA | 1.25 Fails | 16.72 AAA |
| stone-300#d6d3d1 | 1.48 Fails | 14.09 AAA | 1.48 Fails | 14.09 AAA |
| stone-400#a8a29e | 2.52 Fails | 8.32 AAA | 2.52 Fails | 8.32 AAA |
| stone-500#78716c | 4.79 AA | 4.37 AA large text only | 4.79 AA | 4.37 AA large text only |
| stone-600#57534e | 7.62 AAA | 2.75 Fails | 7.62 AAA | 2.75 Fails |
| stone-700#44403c | 10.27 AAA | 2.04 Fails | 10.27 AAA | 2.04 Fails |
| stone-800#292524 | 15.16 AAA | 1.38 Fails | 15.16 AAA | 1.38 Fails |
| stone-900#1c1917 | 17.48 AAA | 1.20 Fails | 17.48 AAA | 1.20 Fails |
| stone-950#0c0a09 | 19.75 AAA | 1.06 Fails | 19.75 AAA | 1.06 Fails |
red
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| red-50#fef2f2 | 1.09 Fails | 19.19 AAA | 1.09 Fails | 19.19 AAA |
| red-100#fee2e2 | 1.22 Fails | 17.19 AAA | 1.22 Fails | 17.19 AAA |
| red-200#fecaca | 1.44 Fails | 14.51 AAA | 1.44 Fails | 14.51 AAA |
| red-300#fca5a5 | 1.89 Fails | 11.06 AAA | 1.89 Fails | 11.06 AAA |
| red-400#f87171 | 2.76 Fails | 7.59 AAA | 2.76 Fails | 7.59 AAA |
| red-500#ef4444 | 3.76 AA large text only | 5.58 AA | 3.76 AA large text only | 5.58 AA |
| red-600#dc2626 | 4.82 AA | 4.34 AA large text only | 4.82 AA | 4.34 AA large text only |
| red-700#b91c1c | 6.47 AA | 3.24 AA large text only | 6.47 AA | 3.24 AA large text only |
| red-800#991b1b | 8.31 AAA | 2.52 Fails | 8.31 AAA | 2.52 Fails |
| red-900#7f1d1d | 10.01 AAA | 2.09 Fails | 10.01 AAA | 2.09 Fails |
| red-950#450a0a | 16.14 AAA | 1.30 Fails | 16.14 AAA | 1.30 Fails |
orange
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| orange-50#fff7ed | 1.06 Fails | 19.77 AAA | 1.06 Fails | 19.77 AAA |
| orange-100#ffedd5 | 1.14 Fails | 18.32 AAA | 1.14 Fails | 18.32 AAA |
| orange-200#fed7aa | 1.35 Fails | 15.51 AAA | 1.35 Fails | 15.51 AAA |
| orange-300#fdba74 | 1.68 Fails | 12.45 AAA | 1.68 Fails | 12.45 AAA |
| orange-400#fb923c | 2.26 Fails | 9.27 AAA | 2.26 Fails | 9.27 AAA |
| orange-500#f97316 | 2.80 Fails | 7.49 AAA | 2.80 Fails | 7.49 AAA |
| orange-600#ea580c | 3.55 AA large text only | 5.89 AA | 3.55 AA large text only | 5.89 AA |
| orange-700#c2410c | 5.17 AA | 4.05 AA large text only | 5.17 AA | 4.05 AA large text only |
| orange-800#9a3412 | 7.30 AAA | 2.87 Fails | 7.30 AAA | 2.87 Fails |
| orange-900#7c2d12 | 9.37 AAA | 2.24 Fails | 9.37 AAA | 2.24 Fails |
| orange-950#431407 | 15.65 AAA | 1.34 Fails | 15.65 AAA | 1.34 Fails |
amber
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| amber-50#fffbeb | 1.03 Fails | 20.25 AAA | 1.03 Fails | 20.25 AAA |
| amber-100#fef3c7 | 1.11 Fails | 18.85 AAA | 1.11 Fails | 18.85 AAA |
| amber-200#fde68a | 1.24 Fails | 16.86 AAA | 1.24 Fails | 16.86 AAA |
| amber-300#fcd34d | 1.44 Fails | 14.56 AAA | 1.44 Fails | 14.56 AAA |
| amber-400#fbbf24 | 1.66 Fails | 12.57 AAA | 1.66 Fails | 12.57 AAA |
| amber-500#f59e0b | 2.14 Fails | 9.77 AAA | 2.14 Fails | 9.77 AAA |
| amber-600#d97706 | 3.18 AA large text only | 6.59 AA | 3.18 AA large text only | 6.59 AA |
| amber-700#b45309 | 5.02 AA | 4.18 AA large text only | 5.02 AA | 4.18 AA large text only |
| amber-800#92400e | 7.09 AAA | 2.96 Fails | 7.09 AAA | 2.96 Fails |
| amber-900#78350f | 9.07 AAA | 2.31 Fails | 9.07 AAA | 2.31 Fails |
| amber-950#451a03 | 14.97 AAA | 1.40 Fails | 14.97 AAA | 1.40 Fails |
yellow
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| yellow-50#fefce8 | 1.03 Fails | 20.30 AAA | 1.03 Fails | 20.30 AAA |
| yellow-100#fef9c3 | 1.07 Fails | 19.55 AAA | 1.07 Fails | 19.55 AAA |
| yellow-200#fef08a | 1.16 Fails | 18.04 AAA | 1.16 Fails | 18.04 AAA |
| yellow-300#fde047 | 1.31 Fails | 15.92 AAA | 1.31 Fails | 15.92 AAA |
| yellow-400#facc15 | 1.53 Fails | 13.71 AAA | 1.53 Fails | 13.71 AAA |
| yellow-500#eab308 | 1.91 Fails | 10.95 AAA | 1.91 Fails | 10.95 AAA |
| yellow-600#ca8a04 | 2.93 Fails | 7.14 AAA | 2.93 Fails | 7.14 AAA |
| yellow-700#a16207 | 4.92 AA | 4.26 AA large text only | 4.92 AA | 4.26 AA large text only |
| yellow-800#854d0e | 6.85 AA | 3.06 AA large text only | 6.85 AA | 3.06 AA large text only |
| yellow-900#713f12 | 8.67 AAA | 2.42 Fails | 8.67 AAA | 2.42 Fails |
| yellow-950#422006 | 14.57 AAA | 1.44 Fails | 14.57 AAA | 1.44 Fails |
lime
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| lime-50#f7fee7 | 1.03 Fails | 20.28 AAA | 1.03 Fails | 20.28 AAA |
| lime-100#ecfccb | 1.08 Fails | 19.35 AAA | 1.08 Fails | 19.35 AAA |
| lime-200#d9f99d | 1.16 Fails | 17.98 AAA | 1.16 Fails | 17.98 AAA |
| lime-300#bef264 | 1.30 Fails | 16.07 AAA | 1.30 Fails | 16.07 AAA |
| lime-400#a3e635 | 1.50 Fails | 13.92 AAA | 1.50 Fails | 13.92 AAA |
| lime-500#84cc16 | 1.97 Fails | 10.62 AAA | 1.97 Fails | 10.62 AAA |
| lime-600#65a30d | 3.08 AA large text only | 6.79 AA | 3.08 AA large text only | 6.79 AA |
| lime-700#4d7c0f | 4.99 AA | 4.20 AA large text only | 4.99 AA | 4.20 AA large text only |
| lime-800#3f6212 | 7.07 AAA | 2.96 Fails | 7.07 AAA | 2.96 Fails |
| lime-900#365314 | 8.73 AAA | 2.40 Fails | 8.73 AAA | 2.40 Fails |
| lime-950#1a2e05 | 14.61 AAA | 1.43 Fails | 14.61 AAA | 1.43 Fails |
green
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| green-50#f0fdf4 | 1.04 Fails | 20.06 AAA | 1.04 Fails | 20.06 AAA |
| green-100#dcfce7 | 1.09 Fails | 19.12 AAA | 1.09 Fails | 19.12 AAA |
| green-200#bbf7d0 | 1.21 Fails | 17.32 AAA | 1.21 Fails | 17.32 AAA |
| green-300#86efac | 1.40 Fails | 14.95 AAA | 1.40 Fails | 14.95 AAA |
| green-400#4ade80 | 1.74 Fails | 12.05 AAA | 1.74 Fails | 12.05 AAA |
| green-500#22c55e | 2.27 Fails | 9.21 AAA | 2.27 Fails | 9.21 AAA |
| green-600#16a34a | 3.29 AA large text only | 6.37 AA | 3.29 AA large text only | 6.37 AA |
| green-700#15803d | 5.01 AA | 4.18 AA large text only | 5.01 AA | 4.18 AA large text only |
| green-800#166534 | 7.13 AAA | 2.94 Fails | 7.13 AAA | 2.94 Fails |
| green-900#14532d | 9.11 AAA | 2.30 Fails | 9.11 AAA | 2.30 Fails |
| green-950#052e16 | 14.90 AAA | 1.40 Fails | 14.90 AAA | 1.40 Fails |
emerald
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| emerald-50#ecfdf5 | 1.05 Fails | 19.93 AAA | 1.05 Fails | 19.93 AAA |
| emerald-100#d1fae5 | 1.13 Fails | 18.51 AAA | 1.13 Fails | 18.51 AAA |
| emerald-200#a7f3d0 | 1.28 Fails | 16.37 AAA | 1.28 Fails | 16.37 AAA |
| emerald-300#6ee7b7 | 1.52 Fails | 13.77 AAA | 1.52 Fails | 13.77 AAA |
| emerald-400#34d399 | 1.92 Fails | 10.92 AAA | 1.92 Fails | 10.92 AAA |
| emerald-500#10b981 | 2.53 Fails | 8.27 AAA | 2.53 Fails | 8.27 AAA |
| emerald-600#059669 | 3.76 AA large text only | 5.57 AA | 3.76 AA large text only | 5.57 AA |
| emerald-700#047857 | 5.48 AA | 3.82 AA large text only | 5.48 AA | 3.82 AA large text only |
| emerald-800#065f46 | 7.68 AAA | 2.73 Fails | 7.68 AAA | 2.73 Fails |
| emerald-900#064e3b | 9.71 AAA | 2.16 Fails | 9.71 AAA | 2.16 Fails |
| emerald-950#022c22 | 15.15 AAA | 1.38 Fails | 15.15 AAA | 1.38 Fails |
teal
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| teal-50#f0fdfa | 1.04 Fails | 20.13 AAA | 1.04 Fails | 20.13 AAA |
| teal-100#ccfbf1 | 1.12 Fails | 18.63 AAA | 1.12 Fails | 18.63 AAA |
| teal-200#99f6e4 | 1.26 Fails | 16.65 AAA | 1.26 Fails | 16.65 AAA |
| teal-300#5eead4 | 1.47 Fails | 14.19 AAA | 1.47 Fails | 14.19 AAA |
| teal-400#2dd4bf | 1.86 Fails | 11.28 AAA | 1.86 Fails | 11.28 AAA |
| teal-500#14b8a6 | 2.48 Fails | 8.43 AAA | 2.48 Fails | 8.43 AAA |
| teal-600#0d9488 | 3.74 AA large text only | 5.60 AA | 3.74 AA large text only | 5.60 AA |
| teal-700#0f766e | 5.47 AA | 3.83 AA large text only | 5.47 AA | 3.83 AA large text only |
| teal-800#115e59 | 7.58 AAA | 2.76 Fails | 7.58 AAA | 2.76 Fails |
| teal-900#134e4a | 9.47 AAA | 2.21 Fails | 9.47 AAA | 2.21 Fails |
| teal-950#042f2e | 14.47 AAA | 1.45 Fails | 14.47 AAA | 1.45 Fails |
cyan
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| cyan-50#ecfeff | 1.04 Fails | 20.18 AAA | 1.04 Fails | 20.18 AAA |
| cyan-100#cffafe | 1.11 Fails | 18.75 AAA | 1.11 Fails | 18.75 AAA |
| cyan-200#a5f3fc | 1.24 Fails | 16.82 AAA | 1.24 Fails | 16.82 AAA |
| cyan-300#67e8f9 | 1.44 Fails | 14.48 AAA | 1.44 Fails | 14.48 AAA |
| cyan-400#22d3ee | 1.80 Fails | 11.62 AAA | 1.80 Fails | 11.62 AAA |
| cyan-500#06b6d4 | 2.42 Fails | 8.64 AAA | 2.42 Fails | 8.64 AAA |
| cyan-600#0891b2 | 3.68 AA large text only | 5.70 AA | 3.68 AA large text only | 5.70 AA |
| cyan-700#0e7490 | 5.35 AA | 3.91 AA large text only | 5.35 AA | 3.91 AA large text only |
| cyan-800#155e75 | 7.26 AAA | 2.88 Fails | 7.26 AAA | 2.88 Fails |
| cyan-900#164e63 | 9.11 AAA | 2.30 Fails | 9.11 AAA | 2.30 Fails |
| cyan-950#083344 | 13.39 AAA | 1.56 Fails | 13.39 AAA | 1.56 Fails |
sky
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| sky-50#f0f9ff | 1.06 Fails | 19.69 AAA | 1.06 Fails | 19.69 AAA |
| sky-100#e0f2fe | 1.14 Fails | 18.30 AAA | 1.14 Fails | 18.30 AAA |
| sky-200#bae6fd | 1.32 Fails | 15.82 AAA | 1.32 Fails | 15.82 AAA |
| sky-300#7dd3fc | 1.66 Fails | 12.59 AAA | 1.66 Fails | 12.59 AAA |
| sky-400#38bdf8 | 2.14 Fails | 9.80 AAA | 2.14 Fails | 9.80 AAA |
| sky-500#0ea5e9 | 2.77 Fails | 7.57 AAA | 2.77 Fails | 7.57 AAA |
| sky-600#0284c7 | 4.09 AA large text only | 5.12 AA | 4.09 AA large text only | 5.12 AA |
| sky-700#0369a1 | 5.93 AA | 3.53 AA large text only | 5.93 AA | 3.53 AA large text only |
| sky-800#075985 | 7.56 AAA | 2.77 Fails | 7.56 AAA | 2.77 Fails |
| sky-900#0c4a6e | 9.45 AAA | 2.22 Fails | 9.45 AAA | 2.22 Fails |
| sky-950#082f49 | 13.87 AAA | 1.51 Fails | 13.87 AAA | 1.51 Fails |
blue
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| blue-50#eff6ff | 1.08 Fails | 19.29 AAA | 1.08 Fails | 19.29 AAA |
| blue-100#dbeafe | 1.22 Fails | 17.21 AAA | 1.22 Fails | 17.21 AAA |
| blue-200#bfdbfe | 1.42 Fails | 14.77 AAA | 1.42 Fails | 14.77 AAA |
| blue-300#93c5fd | 1.80 Fails | 11.64 AAA | 1.80 Fails | 11.64 AAA |
| blue-400#60a5fa | 2.54 Fails | 8.25 AAA | 2.54 Fails | 8.25 AAA |
| blue-500#3b82f6 | 3.67 AA large text only | 5.70 AA | 3.67 AA large text only | 5.70 AA |
| blue-600#2563eb | 5.16 AA | 4.06 AA large text only | 5.16 AA | 4.06 AA large text only |
| blue-700#1d4ed8 | 6.70 AA | 3.13 AA large text only | 6.70 AA | 3.13 AA large text only |
| blue-800#1e40af | 8.72 AAA | 2.40 Fails | 8.72 AAA | 2.40 Fails |
| blue-900#1e3a8a | 10.35 AAA | 2.02 Fails | 10.35 AAA | 2.02 Fails |
| blue-950#172554 | 14.69 AAA | 1.42 Fails | 14.69 AAA | 1.42 Fails |
indigo
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| indigo-50#eef2ff | 1.11 Fails | 18.78 AAA | 1.11 Fails | 18.78 AAA |
| indigo-100#e0e7ff | 1.23 Fails | 17.04 AAA | 1.23 Fails | 17.04 AAA |
| indigo-200#c7d2fe | 1.49 Fails | 14.07 AAA | 1.49 Fails | 14.07 AAA |
| indigo-300#a5b4fc | 1.99 Fails | 10.53 AAA | 1.99 Fails | 10.53 AAA |
| indigo-400#818cf8 | 2.98 Fails | 7.04 AAA | 2.98 Fails | 7.04 AAA |
| indigo-500#6366f1 | 4.46 AA large text only | 4.70 AA | 4.46 AA large text only | 4.70 AA |
| indigo-600#4f46e5 | 6.28 AA | 3.33 AA large text only | 6.28 AA | 3.33 AA large text only |
| indigo-700#4338ca | 7.90 AAA | 2.65 Fails | 7.90 AAA | 2.65 Fails |
| indigo-800#3730a3 | 9.93 AAA | 2.11 Fails | 9.93 AAA | 2.11 Fails |
| indigo-900#312e81 | 11.42 AAA | 1.83 Fails | 11.42 AAA | 1.83 Fails |
| indigo-950#1e1b4b | 15.98 AAA | 1.31 Fails | 15.98 AAA | 1.31 Fails |
violet
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| violet-50#f5f3ff | 1.09 Fails | 19.14 AAA | 1.09 Fails | 19.14 AAA |
| violet-100#ede9fe | 1.18 Fails | 17.68 AAA | 1.18 Fails | 17.68 AAA |
| violet-200#ddd6fe | 1.38 Fails | 15.12 AAA | 1.38 Fails | 15.12 AAA |
| violet-300#c4b5fd | 1.84 Fails | 11.37 AAA | 1.84 Fails | 11.37 AAA |
| violet-400#a78bfa | 2.72 Fails | 7.71 AAA | 2.72 Fails | 7.71 AAA |
| violet-500#8b5cf6 | 4.23 AA large text only | 4.95 AA | 4.23 AA large text only | 4.95 AA |
| violet-600#7c3aed | 5.69 AA | 3.68 AA large text only | 5.69 AA | 3.68 AA large text only |
| violet-700#6d28d9 | 7.10 AAA | 2.95 Fails | 7.10 AAA | 2.95 Fails |
| violet-800#5b21b6 | 8.98 AAA | 2.33 Fails | 8.98 AAA | 2.33 Fails |
| violet-900#4c1d95 | 10.95 AAA | 1.91 Fails | 10.95 AAA | 1.91 Fails |
| violet-950#2e1065 | 15.23 AAA | 1.37 Fails | 15.23 AAA | 1.37 Fails |
purple
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| purple-50#faf5ff | 1.07 Fails | 19.56 AAA | 1.07 Fails | 19.56 AAA |
| purple-100#f3e8ff | 1.17 Fails | 17.79 AAA | 1.17 Fails | 17.79 AAA |
| purple-200#e9d5ff | 1.36 Fails | 15.42 AAA | 1.36 Fails | 15.42 AAA |
| purple-300#d8b4fe | 1.76 Fails | 11.87 AAA | 1.76 Fails | 11.87 AAA |
| purple-400#c084fc | 2.64 Fails | 7.94 AAA | 2.64 Fails | 7.94 AAA |
| purple-500#a855f7 | 3.95 AA large text only | 5.30 AA | 3.95 AA large text only | 5.30 AA |
| purple-600#9333ea | 5.38 AA | 3.90 AA large text only | 5.38 AA | 3.90 AA large text only |
| purple-700#7e22ce | 6.98 AA | 3.00 AA large text only | 6.98 AA | 3.00 AA large text only |
| purple-800#6b21a8 | 8.72 AAA | 2.40 Fails | 8.72 AAA | 2.40 Fails |
| purple-900#581c87 | 10.87 AAA | 1.93 Fails | 10.87 AAA | 1.93 Fails |
| purple-950#3b0764 | 14.99 AAA | 1.40 Fails | 14.99 AAA | 1.40 Fails |
fuchsia
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| fuchsia-50#fdf4ff | 1.07 Fails | 19.56 AAA | 1.07 Fails | 19.56 AAA |
| fuchsia-100#fae8ff | 1.16 Fails | 18.05 AAA | 1.16 Fails | 18.05 AAA |
| fuchsia-200#f5d0fe | 1.36 Fails | 15.33 AAA | 1.36 Fails | 15.33 AAA |
| fuchsia-300#f0abfc | 1.75 Fails | 11.93 AAA | 1.75 Fails | 11.93 AAA |
| fuchsia-400#e879f9 | 2.46 Fails | 8.53 AAA | 2.46 Fails | 8.53 AAA |
| fuchsia-500#d946ef | 3.45 AA large text only | 6.07 AA | 3.45 AA large text only | 6.07 AA |
| fuchsia-600#c026d3 | 4.70 AA | 4.45 AA large text only | 4.70 AA | 4.45 AA large text only |
| fuchsia-700#a21caf | 6.32 AA | 3.32 AA large text only | 6.32 AA | 3.32 AA large text only |
| fuchsia-800#86198f | 8.23 AAA | 2.54 Fails | 8.23 AAA | 2.54 Fails |
| fuchsia-900#701a75 | 10.03 AAA | 2.09 Fails | 10.03 AAA | 2.09 Fails |
| fuchsia-950#4a044e | 14.80 AAA | 1.41 Fails | 14.80 AAA | 1.41 Fails |
pink
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| pink-50#fdf2f8 | 1.09 Fails | 19.23 AAA | 1.09 Fails | 19.23 AAA |
| pink-100#fce7f3 | 1.17 Fails | 17.86 AAA | 1.17 Fails | 17.86 AAA |
| pink-200#fbcfe8 | 1.38 Fails | 15.19 AAA | 1.38 Fails | 15.19 AAA |
| pink-300#f9a8d4 | 1.81 Fails | 11.57 AAA | 1.81 Fails | 11.57 AAA |
| pink-400#f472b6 | 2.64 Fails | 7.92 AAA | 2.64 Fails | 7.92 AAA |
| pink-500#ec4899 | 3.52 AA large text only | 5.95 AA | 3.52 AA large text only | 5.95 AA |
| pink-600#db2777 | 4.59 AA | 4.56 AA | 4.59 AA | 4.56 AA |
| pink-700#be185d | 6.03 AA | 3.47 AA large text only | 6.03 AA | 3.47 AA large text only |
| pink-800#9d174d | 7.88 AAA | 2.66 Fails | 7.88 AAA | 2.66 Fails |
| pink-900#831843 | 9.64 AAA | 2.17 Fails | 9.64 AAA | 2.17 Fails |
| pink-950#500724 | 15.03 AAA | 1.39 Fails | 15.03 AAA | 1.39 Fails |
rose
| Shade | Text on white | Text on black | White text on | Black text on |
|---|---|---|---|---|
| rose-50#fff1f2 | 1.09 Fails | 19.11 AAA | 1.09 Fails | 19.11 AAA |
| rose-100#ffe4e6 | 1.20 Fails | 17.49 AAA | 1.20 Fails | 17.49 AAA |
| rose-200#fecdd3 | 1.41 Fails | 14.88 AAA | 1.41 Fails | 14.88 AAA |
| rose-300#fda4af | 1.89 Fails | 11.10 AAA | 1.89 Fails | 11.10 AAA |
| rose-400#fb7185 | 2.69 Fails | 7.80 AAA | 2.69 Fails | 7.80 AAA |
| rose-500#f43f5e | 3.67 AA large text only | 5.71 AA | 3.67 AA large text only | 5.71 AA |
| rose-600#e11d48 | 4.69 AA | 4.47 AA large text only | 4.69 AA | 4.47 AA large text only |
| rose-700#be123c | 6.28 AA | 3.34 AA large text only | 6.28 AA | 3.34 AA large text only |
| rose-800#9f1239 | 8.01 AAA | 2.61 Fails | 8.01 AAA | 2.61 Fails |
| rose-900#881337 | 9.56 AAA | 2.19 Fails | 9.56 AAA | 2.19 Fails |
| rose-950#4c0519 | 15.63 AAA | 1.34 Fails | 15.63 AAA | 1.34 Fails |
Common web colours
- Aa 3.99:1#ff0000 on #ffffff · AA large text only
- Aa 5.25:1#ff0000 on #000000 · AA
- Aa 8.59:1#0000ff on #ffffff · AAA
- Aa 2.44:1#0000ff on #000000 · Fails
- Aa 5.13:1#008000 on #ffffff · AA
- Aa 4.08:1#008000 on #000000 · AA large text only
- Aa 9.41:1#800080 on #ffffff · AAA
- Aa 2.22:1#800080 on #000000 · Fails
- Aa 1.97:1#ffa500 on #ffffff · Fails
- Aa 10.63:1#ffa500 on #000000 · AAA
- Aa 4.54:1#767676 on #ffffff · AA
- Aa 4.62:1#767676 on #000000 · AA
- Aa 4.60:1#757575 on #ffffff · AA
- Aa 4.55:1#757575 on #000000 · AA
- Aa 4.47:1#777777 on #ffffff · AA large text only
- Aa 4.68:1#777777 on #000000 · AA
- Aa 7.00:1#595959 on #ffffff · AAA
- Aa 2.99:1#595959 on #000000 · Fails
- Aa 3.03:1#949494 on #ffffff · AA large text only
- Aa 6.92:1#949494 on #000000 · AA
- Aa 5.98:1#005fcc on #ffffff · AA
- Aa 3.50:1#005fcc on #000000 · AA large text only
- Aa 5.56:1#0066cc on #ffffff · AA
- Aa 3.77:1#0066cc on #000000 · AA large text only
- Aa 4.50:1#1a73e8 on #ffffff · AA
- Aa 4.66:1#1a73e8 on #000000 · AA