tailwind-a11y.omurice.dev
Open in
urlscan Pro
2606:4700:3037::ac43:d22b
Public Scan
URL:
https://tailwind-a11y.omurice.dev/
Submission: On June 23 via api from US — Scanned from DE
Submission: On June 23 via api from US — Scanned from DE
Form analysis 0 forms found in the DOM
Text Content
TAILWIND COLOR CONTRAST CHECKER A tool to check Tailwind CSS color contrasts for WCAG compliance. Reverse Colors FOREGROUND TEXT COLOR TAILWIND COLOR slategrayzincneutralstoneredorangeamberyellowlimegreenemeraldtealcyanskyblueindigovioletpurplefuchsiapinkrose TAILWIND SHADE CSS50 CSS100 CSS200 CSS300 CSS400 CSS500 CSS600 CSS700 CSS800 CSS900 CSS950 Black TextWhite Text BACKGROUND COLOR TAILWIND COLOR slategrayzincneutralstoneredorangeamberyellowlimegreenemeraldtealcyanskyblueindigovioletpurplefuchsiapinkrose TAILWIND SHADE CSS50 CSS100 CSS200 CSS300 CSS400 CSS500 CSS600 CSS700 CSS800 CSS900 CSS950 Black FillWhite Fill PREVIEW Text: #000000 Background: #FFFFFF Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus harum labore neque error in tempore ex placeat autem, atque recusandae commodi consectetur doloremque dolorem ullam officiis quam at, sed ea. ButtonButton text-black bg-white #000000 - #FFFFFF CONTRAST: 21:1 (AAA) WCAG LEVEL AA Large text - 3:1 Pass Normal text - 4.5:1 Pass WCAG LEVEL AAA Large text - 4.5:1 Pass Normal text - 7:1 Pass * Github Repo * Tailwind Colors * WCAG - Contrast (Level AA) * WCAG - Contrast (Level AAA)