Calculate the exact WCAG 2.2 contrast ratio for foreground and background colours, review text and UI-component thresholds, and preview the pair locally.
WCAG 2.2 thresholds use the unrounded calculated ratio.
17.74:1contrast ratio
Large preview text
Normal preview text for paragraphs, labels and interface copy.
UI component outlineLarge text means at least 18 pt (24 CSS px) regular, or 14 pt (about 18.7 CSS px) bold.
This automated colour-pair check does not establish full WCAG conformance. Manual review is required for context, states, component boundaries and the rest of the interface.
Colour values are checked entirely in your browser and are not uploaded or stored by Tool Teaze.
This checker applies the WCAG 2.2 relative-luminance formula to two hex colours and reports the exact contrast ratio with AA and AAA text results plus the 3:1 UI-component check.
Input: Foreground #111827 on background #FFFFFF
Output: 17.74:1 — passes AA and AAA for normal and large text
Normal text is checked at 4.5:1 for AA and 7:1 for AAA. Large text is checked at 3:1 for AA and 4.5:1 for AAA. UI components and graphical objects are checked at 3:1 for AA where WCAG 2.2 Success Criterion 1.4.11 applies.
WCAG defines large-scale text as at least 18 pt (24 CSS px) regular or 14 pt (about 18.7 CSS px) bold. Other text should use the normal-text thresholds.
No. This automated check evaluates one opaque colour pair. Manual review is still required for context, interactive states, component boundaries, images, gradients and all other applicable requirements.
No. The interface displays two decimal places, but every pass or fail decision uses the full unrounded contrast ratio.
No. Enter opaque 3- or 6-digit hex colours. Transparent colours must first be composited against their actual background before checking the resulting colour.
No. The calculation and preview run locally in your browser without sending or persisting the colour values.