Color contrast tests

A test suite for testing color contrast in accordance with WCAG guidelines.

Step 11 is designed for 400 weight text in any size, and guaranteed to work well on a step 3 background. Each test should pass 4.5:1 contrast ratio.

Gray11 on Gray3
Mauve11 on Mauve3
Slate11 on Slate3
Sage11 on Sage3
Olive11 on Olive3
Sand11 on Sand3
Tomato11 on Tomato3
Red11 on Red3
Crimson11 on Crimson3
Pink11 on Pink3
Plum11 on Plum3
Purple11 on Purple3
Violet11 on Violet3
Indigo11 on Indigo3
Blue11 on Blue3
Sky11 on Sky3
Cyan11 on Cyan3
Teal11 on Teal3
Mint11 on Mint3
Green11 on Green3
Grass11 on Grass3
Lime11 on Lime3
Yellow11 on Yellow3
Amber11 on Amber3
Orange11 on Orange3
Brown11 on Brown3
Bronze11 on Bronze3
Gold11 on Gold3

Step 9 step is designed for solid backgrounds, and guaranteed to work well behind white text in 600 weight at 19px. Each test should pass 3:1 contrast ratio.

White text on Gray9
White text on Mauve9
White text on Slate9
White text on Sage9
White text on Olive9
White text on Sand9
White text on Tomato9
White text on Red9
White text on Crimson9
White text on Pink9
White text on Plum9
White text on Purple9
White text on Violet9
White text on Indigo9
White text on Blue9
White text on Cyan9
White text on Teal9
White text on Green9
White text on Grass9
White text on Orange9
White text on Brown9
White text on Bronze9
White text on Gold9

These bright scales are designed for black foreground text.

Black text on Sky9
Black text on Mint9
Black text on Lime9
Black text on Yellow9
Black text on Amber9