live-preview.html

Savset · Product

Contrast Studio

Check any colour pair against WCAG 2.1. Every design decision, made defensible.

WCAG 2.1 · Level AA & AAA
Need a brand that passes? We design accessible identities →
Foreground — text & icons
Click to pick
#
rgb(219, 217, 255) hsl(243°, 100%, 93%)
Background — canvas colour
Click to pick
#
rgb(0, 37, 42) hsl(186°, 100%, 8%)
13.25 : 1
contrast ratio
AAA — Excellent
Normal text
AA AAA
Large text
AA AAA
UI & graphics
AA
WCAG 2.1 breakdown
Text
Normal Text
Body copy, UI labels
AA ≥ 4.5:1 Pass
AAA ≥ 7:1 Pass
Text
Large Text
≥ 18pt or ≥ 14pt bold
AA ≥ 3:1 Pass
AAA ≥ 4.5:1 Pass
Non-text
UI & Graphics
Icons, borders, chart elements
AA ≥ 3:1 Pass
AAA No threshold
Quick presets