Try it
Popular checks
A few common colors, checked against white and black.
Aa
#3498db vs White · 3.15:1
Aa
#3498db vs Black · 6.66:1
Aa
#e74c3c vs White · 3.82:1
Aa
#e74c3c vs Black · 5.50:1
Aa
#2ecc71 vs White · 2.10:1
Aa
#2ecc71 vs Black · 9.99:1
Aa
#f39c12 vs White · 2.19:1
Aa
#f39c12 vs Black · 9.58:1
Aa
#9b59b6 vs White · 4.67:1
Aa
#9b59b6 vs Black · 4.50:1
Aa
#1abc9c vs White · 2.41:1
Aa
#1abc9c vs Black · 8.72:1
Aa
#34495e vs White · 9.29:1
Aa
#34495e vs Black · 2.26:1
Aa
#e91e63 vs White · 4.35:1
Aa
#e91e63 vs Black · 4.83:1
Understanding WCAG levels
AA is the standard most legal/accessibility requirements target: 4.5:1 for normal text, 3:1 for large text (18pt+, or 14pt+ bold).
AAA is the stricter, enhanced level: 7:1 for normal text, 4.5:1 for large text.
UI components & graphics (icons, form field borders, focus indicators) need at least 3:1 against their background.