EZFree tools | more soon
turn off ads | dark mode
EZFreeTools › Developer Tools › Color Contrast Checker

Color Contrast Checker

☆ favorite
Check WCAG AA and AAA contrast compliance.
swap colors
10.18 : 1
Contrast Ratio
Normal text (16px) looks like this on your chosen background.
Large text (24px bold) preview.
LevelNormal TextLarge Text
WCAG AA (4.5:1 / 3:1) PASS PASS
WCAG AAA (7:1 / 4.5:1) PASS PASS

How to Use

  • Pick foreground and background colors using the pickers or type hex values.
  • The contrast ratio and WCAG compliance update as you change colors.
  • AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 and 4.5:1.

Developer Tools (57)

formatters & minifiers (11)
JSON Formatter HTML Formatter CSS Formatter JS Formatter SQL Formatter XML Formatter HTML Minifier CSS Minifier JS Minifier JavaScript Obfuscator SVG Optimizer
encode & decode (7)
Base64 Encode/Decode URL Encode/Decode HTML Entity Encoder JWT Decoder JWT Builder Hash Generator UUID Generator
json (4)
JSON to Code JSON Tree Viewer JSON Path Finder JSON Schema Generator
converters (6)
Data Format Converter Pixels to REM Timestamp Converter HTML to JSX Converter SVG to JSX Converter cURL to Code Converter
testing & inspection (13)
Regex Tester REST API Tester HTML Live Preview Code Diff Checker Keyboard Event Viewer CSV Viewer HTML Table Extractor Screen Ruler Screen Resolution Checker User Agent Parser Color Contrast Checker CSS Specificity Calculator CSS Cursors Reference
seo & web (8)
Open Graph Preview SERP Preview Tool Schema Markup Generator Table Generator .htaccess Generator Cron Expression Generator HTTP Status Codes
network & validation (6)
IP Address Lookup Subnet Calculator DNS Lookup Tool Credit Card Validator Password Strength Checker IBAN Validator