Color Contrast Ratio Calculator

Contrast ratio ranges from 1 to 21, usually presented as 1:1 or 21:1. WCAG has different ratio requirements for different input. Fill the foreground and background colors to calculate the ratio. For example, the value Foreground: #FC0000 and background #000000 produces a contrast ratio of 5.25:1 .

Foreground

Background

Contrast Ratio

0.00:1

Tests

Text typeTestResultPreview
NormalWCAG AA

FAIL

contrast > 4.5

Normal WCAG AAA

FAIL

contrast > 7

LargeWCAG AA

FAIL

contrast > 4.5

LargeWCAG AAA

FAIL

contrast > 3

UI ComponentsWCAG AA

FAIL

Consider

Sharing

No additional tools found.

marduc812\\\

2023