Contrast Checker

Check color contrast ratios for web accessibility compliance and WCAG standards

Contrast Results

21.00:1
Contrast Ratio
AAA
WCAG Grade

Preview

Sample Heading

This is sample text to preview how the colors work together. The contrast ratio determines how readable this text is against the background.

Small text (under 18pt) requires higher contrast ratios for accessibility compliance.

Normal Text
18pt and below
Large Text
18pt+ or 14pt+ bold

Accessibility Compliance

WCAG AA Normal Text4.5:1

Minimum contrast for normal text (under 18pt)

WCAG AA Large Text3:1

Minimum contrast for large text (18pt+ or 14pt+ bold)

WCAG AAA Normal Text7:1

Enhanced contrast for normal text

WCAG AAA Large Text4.5:1

Enhanced contrast for large text

Accessibility Recommendations

• This combination meets WCAG AAA standards for enhanced accessibility.

Colors

#000000
#ffffff

Color Presets

Related Tools

Color Picker
Color Converter
Palette Generator
Gradient Generator
Color Extractor
Color Name Finder
Color Mixer
Color Harmony
Color Distance
Colorblind Simulator
Color Temperature

Frequently Asked Questions

What is a color contrast checker?

A color contrast checker is a tool that calculates the contrast ratio between foreground (text) and background colors.

What are WCAG AA and AAA standards?

WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. WCAG AAA requires 7:1 for normal text and 4.5:1 for large text.

How is the contrast ratio calculated?

The contrast ratio is calculated using the relative luminance values of the foreground and background colors.

What contrast ratio should I aim for?

For normal text, aim for at least 4.5:1 (AA) or 7:1 (AAA). For large text, aim for 3:1 (AA) or 4.5:1 (AAA).