Contrast Checker

Check WCAG color contrast for accessibility

Foreground Color

#

Background Color

#
Contrast Ratio
21.00 : 1

WCAG Results

AA Normal Text (4.5:1) PASS
AA Large Text (3:1) PASS
AA UI Components (3:1) PASS
AAA Normal Text (7:1) PASS
AAA Large Text (4.5:1) PASS

Live Preview

Normal text (16px) — The quick brown fox jumps over the lazy dog. This sample shows how your foreground color appears on the background at standard body text size.
Large text (24px) — The quick brown fox jumps over the lazy dog.

Suggested Alternatives

Suggested foreground (lighter)
-- --
Suggested foreground (darker)
-- --

Color Blindness Simulation

PRO

Protanopia

on
-- on --
-- -- --
Sample text preview

Deuteranopia

on
-- on --
-- -- --
Sample text preview

Tritanopia

on
-- on --
-- -- --
Sample text preview

Batch Check

PRO
Or import from:

Palette Matrix

PRO

Help & Guides

How to Use This Tool FAQ