Accessible Colors
40 WCAG-compliant color pairs — plus per-color accessibility guides for every major hue family.
Browse by Color Family
Per-color accessibility guides with WCAG scores, recommended text colors, and validation tables.
WCAG AAA Pairs
All Accessible Pairs
Black on White
21:1
White on Black
21:1
Black on Yellow
19.56:1
Navy on White
15.03:1
White on Navy
15.03:1
Dark Green on White
17.1:1
White on Dark Green
17.1:1
Dark Red on White
9.43:1
White on Dark Red
9.43:1
Charcoal on White
10.68:1
White on Charcoal
10.68:1
Indigo on White
12.65:1
White on Indigo
12.65:1
Maroon on White
10.35:1
White on Maroon
10.35:1
Midnight Blue on White
14.35:1
White on Midnight Blue
14.35:1
Black on Light Gray
13.04:1
Dark Gray on White
9.73:1
Black on Cream
20.35:1
Navy on Light Blue
6.25:1
Burgundy on White
10.73:1
Forest Green on White
6.02:1
Royal Blue on White
4.7:1
White on Royal Blue
4.7:1
Black on Orange
11:1
White on Dark Blue
13.14:1
Black on Lime
9.39:1
White on Purple
6.11:1
Black on Gold
12.32:1
White on Teal
4.53:1
Black on Sky Blue
9.47:1
White on Forest Green
6.02:1
Dark Red on Cream
9.63:1
Black on Lavender
17.19:1
White on Cobalt Blue
8.16:1
Charcoal on Ivory
10.41:1
White on Crimson
4.74:1
Black on Mint
16.29:1
White on Slate Gray
4.51:1