Color Contrast Checker

Check WCAG 2.1 contrast ratios for AA and AAA compliance across normal text, large text, and UI components.

Foreground

Background

Large Text Sample (18pt+)

Normal text sample — The quick brown fox jumps over the lazy dog. WCAG 2.1 defines contrast requirements for accessible design.

Contrast Ratio

13.98 : 1

WCAG 2.1 Compliance

Normal TextAA (≥ 4.5 : 1)

PASS

Normal TextAAA (≥ 7 : 1)

PASS

Large TextAA (≥ 3 : 1)

PASS

Large TextAAA (≥ 4.5 : 1)

PASS

UI ComponentsAA (≥ 3 : 1)

PASS

Color Details

Foreground

HEX#1E293B

RGBrgb(30, 41, 59)

HSLhsl(217, 33%, 17%)

Background

HEX#F8FAFC

RGBrgb(248, 250, 252)

HSLhsl(210, 40%, 98%)

Preset Pairs