Cristian Antir

Developer. This site is a small toolbox.

Sviluppatore. Questo sito è una piccola cassetta degli attrezzi.

color-contrast

WCAG contrast matrix across the Tailwind color palette.

Matrice di contrasto WCAG sulla palette colori di Tailwind.

Font color Colore del testo Background color Colore di sfondo

WCAG level Livello WCAG AA AAA

Grid size Dimensione griglia 5 × 5 11 × 11

passes WCAG supera WCAG
fails WCAG non supera WCAG

		50
		Background Sfondo
Font Testo	50
	100
	200
	300
	400
	500
	600
	700
	800
	900
	950

Each cell shows its contrast ratio; the dots in the middle show the text colour on the background. Click a cell to copy its Tailwind classes. Ogni cella riporta il rapporto di contrasto; i pallini al centro mostrano il colore del testo sullo sfondo. Clicca una cella per copiarne le classi Tailwind.