Loading…
Loading…
A11yColor
Pick two colors — see if they pass WCAG accessibility contrast requirements.
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for enhanced compliance (AAA). Large text (18pt+ or 14pt+ bold) gets relaxed thresholds: 3:1 for AA, 4.5:1 for AAA. The ratio is calculated from the relative luminance of each color.
Each sRGB channel is linearized (removing gamma), then weighted: L = 0.2126R + 0.7152G + 0.0722B. The contrast ratio is (L_lighter + 0.05) / (L_darker + 0.05). Black on white = 21:1 (maximum); same color on itself = 1:1 (minimum). Anything below 3:1 is generally unreadable for impaired vision.
What you entered
Luminance of #1a1a2e
rgb(26,26,46) → sRGB → weighted= 0.0116Luminance of #e8e8e8
rgb(232,232,232) → sRGB → weighted= 0.8070Contrast ratio
(0.8070 + 0.05) ÷ (0.0116 + 0.05)= 13.92:1WCAG compliance
AA ≥ 4.5 | AA-large ≥ 3.0 | AAA ≥ 7.0= AA: Pass | AAA: PassResult
Contrast ratio: 13.92:1
The contrast ratio between #1a1a2e and #e8e8e8 is 13.92:1. This passes WCAG AA (≥4.5:1 for normal text) and passes WCAG AAA (≥7:1 for normal text).