Colour Contrast Checker

Check the contrast ratio of two solid hex colours.

See WCAG reference thresholds for a foreground and background pair.

Your inputs stay on your device

Check colour contrast

live result

Foreground hex

Background hex

Contrast ratio

11.08:1

AA normal text

Pass

AAA normal text

Pass

This checks supplied solid colour pairs against WCAG contrast thresholds; it is not a full page accessibility audit.

Context & Reference

For designers checking a solid foreground and background colour pair.

utility guide

Calculates WCAG relative luminance and the contrast ratio.

Use this utility with your own values, then review the clearly labelled result and copy it when you need it elsewhere.

Passes are reported for normal and large text thresholds.

Check dark green text on a white background.

A pair check is not a full accessibility audit.

This utility runs locally in this browser. A pair check is not a full accessibility audit.

Useful next steps

Continue with a closely related task, calculation, conversion, or local text tool.

Convert six-digit hexadecimal colours to RGB channels and back.

Preview an illustrative colour-vision simulation for one hex colour.

Free tip calculator to work out the tip and split a bill across any number of people.

Scale a recipe up or down by changing the number of servings.

Calculate the area and perimeter of a rectangular room or space.

Free area calculator to calculate the area of a rectangle, circle, or triangle from dimensions.