Color Contrast & Accessibility Checker

Check contrast ratios between text and background based on WCAG.

Foreground Color

#FFFFFF

Background Color

#3B82F6

Contrast Ratio

3.67:1

Poor

Contrast Checker

This is a sample preview text used to check if the contrast is comfortable and readable.

AA Normal TextWCAG AA Standard

AAA Normal TextWCAG AAA Standard

AA Large TextWCAG AA Standard

AAA Large TextWCAG AAA Standard

Usage Guide

Select or enter the foreground color (text color).
Select or enter the background color.
The system automatically calculates the contrast ratio and provides WCAG compliance scores.
Generally, normal text requires at least 4.5:1 ratio to pass AA level.

What is Contrast Ratio?

WCAG Standards

The Web Content Accessibility Guidelines (WCAG) define minimum contrast requirements for text against its background to assist users with visual impairments.

Calculation