All Tools
Color Contrast Checker
Validate any colour pair against WCAG 2.1. Hex, rgb(), hsl(), or a colour name — translucent values are composited before measuring, so the verdict matches what people actually see.
Colours
Contrast ratio
17.85:1
- AA · Normal textBody text under 18pt / 24px · needs 4.5:1Pass
- AA · Large text18pt / 24px, or 14pt / 18.66px bold · needs 3:1Pass
- AAA · Normal textEnhanced contrast · needs 7:1Pass
- AAA · Large textEnhanced contrast · needs 4.5:1Pass
- Non-text & UIIcons, borders, form controls · needs 3:1Pass
Large heading text
The quick brown fox jumps over the lazy dog. This paragraph is 16px, which WCAG counts as normal text — it needs the full 4.5:1 to pass AA.
Smaller secondary text at 14px. Captions and footnotes are also normal text under WCAG, so the same 4.5:1 applies unless the content is decorative or part of a logo.
Related tools
This free tool is built and maintained by KSPR Technologies. We build web, mobile & AI products for clients.