Skip to content

home apps games tools docs find me

Built: 7/29/2026, 11:16:04 AM

/

~/tools
/
color-tools
/
css-contrast-checker

CSS Contrast Checker

Verify color contrast ratios according to WCAG 2.1 accessibility guidelines.

Foreground (Text) Color

Background Color

Contrast Ratio

17.40:1

Excellent

WCAG 2.1 Compliance

Web Content Accessibility Guidelines

Normal Text (16px-18px)

AA Level

AAA Level

Large Text (18pt bold or 24px)

AA Level

AAA Level

Live Preview

Sample Heading

This is an example of paragraph text. Good contrast makes your content readable and accessible to everyone.

Interactive ElementLink Example

Preset Color Pairs