ContrastMatrix

Colors

Paste hex codes, rgb(), hsl() or CSS variables one per line.

Simulation Overlay

WCAG Target

AA (4.5:1) AAA (7.0:1)

Large Text (18pt / 24px)

Regular text (14pt / 18px). The quick brown fox jumps over the lazy dog to test the contrast.

Contrast Ratio --

Background --

Text --

Normal Text (AA: 4.5, AAA: 7.0) --

Large Text & UI (AA: 3.0, AAA: 4.5) --

Link copied to clipboard!