UtilityDesign

Color Contrast Checker

Calculate WCAG contrast ratio between two six-digit hex colors.

Instant · no account

Input

Enter your values

Foreground hex

Background hex

Method

How it works

Change any input above and the result updates instantly. The formula or method used by this tool is shown below.

Contrast = (Lighter luminance + 0.05) ÷ (Darker luminance + 0.05)

Keep going

Related tools

Explore more tools from Design and similar workflows.

Aspect Ratio Calculator→CSS Clamp Calculator→HEX to RGB Converter→RGB to HEX Converter→Base64 Encoder / Decoder→Base64 Encoder / Decoder→Basic Meta Tags Generator→Canonical Tag Generator→

Quick answers

About this tool

What does the Color Contrast Checker do?+

Calculate WCAG contrast ratio between two six-digit hex colors.

How does this utility calculate the result?+

It uses this method: Contrast = (Lighter luminance + 0.05) ÷ (Darker luminance + 0.05)

Are my inputs saved or sent to an account?+

Core CalcForge tools require no account, and most calculations run locally in your browser. Favorites and recent-tool history, when used, stay in this browser.