Skip to content
  1. Home

Free Online Color Contrast Checker – WCAG Contrast Ratio Tool for Accessible Text

Suraj Bhandari
Suraj Bhandari
​5 min read

Color Contrast Checker

Check text and background colors against WCAG 2.1 AA and AAA accessibility rules • 100% free • No upload to server

Text (foreground) color
Use HEX like #1e293b or #fff, or rgb(30, 41, 59)
Background color
Use HEX like #ffffff or #fff, or rgb(255, 255, 255)
Quick start
Contrast ratio
–
WCAG 2.1 results
Live preview
Button sample
Accessible text color suggestions
All calculations happen in your browser. Based on the WCAG 2.1 relative luminance formula.
Suraj Bhandari

Written by Suraj Bhandari

Thanks for reading! If this article helped you, share it with someone who needs it.

Comments

Post a Comment