Color Contrast Checker
☆ favoriteCheck WCAG AA and AAA contrast compliance.
10.18 : 1
Contrast Ratio
Normal text (16px) looks like this on your chosen background.
Large text (24px bold) preview.
| Level | Normal Text | Large 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 (56)
Formatters & Minifiers (12)
Code to ImageJSON FormatterHTML FormatterCSS FormatterJS FormatterSQL FormatterXML FormatterHTML MinifierCSS MinifierJS MinifierJavaScript ObfuscatorSVG Optimizer
encode & decode (7)
Base64 Encode/DecodeURL Encode/DecodeHTML Entity EncoderJWT DecoderJWT BuilderHash GeneratorUUID Generator
JSON (4)
Converters (6)
Data Format ConverterPixels to REMTimestamp ConverterHTML to JSX ConverterSVG to JSX ConvertercURL to Code Converter
testing & inspection (13)
Regex TesterREST API TesterHTML Live PreviewCode Diff CheckerKeyboard Event ViewerCSV ViewerHTML Table ExtractorScreen RulerScreen Resolution CheckerUser Agent ParserColor Contrast CheckerCSS Specificity CalculatorCSS Cursors Reference
seo & web (8)
Open Graph PreviewSERP Preview ToolSchema Markup GeneratorTable Generator.htaccess GeneratorCron Expression GeneratorHTTP Status CodesChmod Calculator
network & validation (6)