Palette contrast matrix

Check every unique pair in one palette. Ratios follow the WCAG relative-luminance contrast formula for sRGB colors.

HEX palette

—Colors

—Lowest pair

—AA normal pairs

—AAA normal pairs

WCAG contrast ratio is symmetric, but whether a pair is usable still depends on which color is text/background, text size/weight, component type, and other accessibility cues. This matrix does not certify a design.

Connected color workflow

v10.74 keeps the established color/conversion widgets intact while connecting picking, palette generation, contrast review, visual preview, scales and CSS/JSON reuse. Color work stays in the browser, and recent palettes can be stored locally without an account.

Color and accessibility boundaries

HEX/RGB/HSL/HSV/OKLCH conversions are numerical color-model operations. CMYK output is an RGB-derived approximation rather than ICC-profiled print proofing. WCAG contrast ratios measure luminance contrast only and do not certify a full interface. Color-blindness previews are design simulations, not medical tests.

How to use this Color Palette Contrast Checker

Analyze every pair in a HEX palette with a clear WCAG contrast matrix, minimum/maximum ratios, and AA/AAA counts.

Enter, paste, upload, or choose the inputs shown in the tool above.
Adjust the available options for the result you need.
Review the output before copying, downloading, or using it elsewhere.

What this tool does

Paste up to a practical palette of colors and identify which foreground/background pairs meet common text contrast thresholds.

Practical tips and limits

Review the inputs and result before using the output elsewhere. Keep the original data when the operation changes or replaces content.