TOOLKIT

Contrast Checker

Check WCAG accessibility compliance between any two colours.

Preview Heading

The quick brown fox jumps over the lazy dog

This is how small text looks at 12px

Contrast Ratio

17.73:1

WCAG AA Normal TextPass

Minimum ratio: 4.5:1

WCAG AA Large TextPass

Minimum ratio: 3:1

WCAG AAA Normal TextPass

Minimum ratio: 7:1

WCAG AAA Large TextPass

Minimum ratio: 4.5:1

Foreground
HEX#1A1814
RGB26, 24, 20
HSL40°, 13%, 9%
Background
HEX#FFFFFF
RGB255, 255, 255
HSL0°, 0%, 100%