New web

Web pattern library, style and technical reference

Colours

Accessibility

The following chart displays foreground/background colours combinations that pass WCAG 2.0 AA accessibility contrast checks. Combinations marked 'Y' pass for all font sizes, while combinations marked '18' are only valid for text larger that 18pt. Accessbility tests based on this Colour Contrast Check tool - clicking individiual combinations in the grid below will take you to the test results for that specific combination.

BK12345678WB9DBABCDEFLBWT
BK×NNNNN1818YYYYYYYYYYYY
1N×NNNN1818YYYYYYYYYYYY
2NN×NNNN1818YYYYYYYYYYY
3NNN×NNNN181818YYYYYYYYY
4NNNN×NNNNN181818YYYYYYY
5NNNNN×NNNNN181818YYYYYY
61818NNNN×NNNNNN181818YYYY
7181818NNNN×NNNNNNN18181818Y
8YY1818NNNN×NNNNNNN18181818
WBYYY18NNNNN×NNNNNN18181818
9YYY1818NNNNN×NNNNNNNN18
DBYYYY1818NNNNN×NNNNNNNN
AYYYY1818NNNNNN×NNNNNNN
BYYYYY1818NNNNNN×NNNNNN
CYYYYYY18NNNNNNN×NNNNN
DYYYYYY1818NNNNNNN×NNNN
EYYYYYYY181818NNNNNN×NNN
FYYYYYYY181818NNNNNNN×NN
LBYYYYYYY181818NNNNNNNN×N
WTYYYYYYYY181818NNNNNNNN×