Contrast Checker

Contrast Checker

WCAG 2.2 typography laboratory

Text
Background
21.00: 1

CONTRAST RATIO

21.00:1
Exceptional

Maximum clarity across demanding reading contexts.

134.5721
AA / NormalPass

4.5:1 minimum

AAA / NormalPass

7:1 minimum

AA / LargePass

3:1 minimum

AAA / LargePass

4.5:1 minimum

Current specimen passes

64px / 550 is treated as large text.
Meaningful UI graphicsPass · 3:1

LIVE CONTRAST / WCAG 2.2

EDITORIAL SPECIMEN — 01
Legibility is a design decision, not a final inspection.

COLOR WORKSHOP

Refine the pair, channel by channel.

Move through RGB or HSL while every accessibility result and shared URL updates live.

foreground

#000000

Red0
Green0
Blue0

background

#FFFFFF

Red255
Green255
Blue255

READING THE RESULT

One ratio. Different responsibilities.

01

Normal text

Body copy and smaller labels need at least 4.5:1 for AA and 7:1 for AAA.

02

Large text

Text at 24px regular, or about 18.66px bold, needs 3:1 for AA and 4.5:1 for AAA.

03

UI graphics

Meaningful controls, icons, and focus indicators should reach 3:1 against adjacent colors.