Back to Designers
Parameters
Results
- Contrast ratio
- 17.74:1
- WCAG AA (normal)
- Pass
- WCAG AA (large)
- Pass
- WCAG AAA (normal)
- Pass
How it works
Checks WCAG contrast ratio between two hex colors for accessibility compliance.
Who it's for: Designers and frontend developers shipping readable UI text.
Uses relative luminance per WCAG 2.x.
Reports AA/AAA pass-fail for normal and large text.
How to use
- Enter Foreground and Background as 6-digit hex (with or without #).
- Aim for at least 4.5:1 for body text (AA).
Related tools
More calculators in the same category
- Color Palette GeneratorGenerate a 5-shade palette from a base color
- HEX ↔ RGB ConverterConvert hex colors to RGB and back
- Image CompressorCompress JPEG and WebP images locally
- Golden RatioMajor and minor segments
- px ↔ rem ConverterConvert pixels to rem and back at any root font size
- Type Scale GeneratorModular typography scale from a base size and ratio