Color Contrast Checker

Calculate the contrast ratio between two hex colors and check whether it meets WCAG AA and AAA accessibility standards for text.

Inputs
Results
Contrast Ratio
18.88
Passes WCAG AA (4.5:1)
Yes
Passes WCAG AAA (7:1)
Yes

Try an example

Formula

Contrast Ratio = (L1 + 0.05) / (L2 + 0.05), per WCAG relative luminance

Learn How This Works

How Digital Color Works: RGB, HEX, and HSL Explained

The relationship between RGB, hexadecimal color codes, and the HSL color model, with a real conversion example.

How WCAG Contrast Ratios Are Actually Calculated

The relative luminance formula behind accessibility contrast checks, and why it's not just an eyeball comparison.

Frequently Asked Questions

Related Calculators

HEX to RGB Converter

Convert a hex color code to RGB values, or RGB to hex.

RGB to HSL Converter

Convert an RGB color to HSL (hue, saturation, lightness).

Color Shade & Tint Generator

Generate lighter and darker shades of a base hex color.

CMYK to RGB Converter

Convert CMYK print color values to RGB for screen display.

Opacity Blend Calculator

Calculate the resulting RGB color when blending a foreground color at a given opacity over a background.

Complementary Color Calculator

Find the complementary color for any hex color.