Colour Contrast Check
Date created: January 11, 2005
Date last modified: January 11, 2015
Foreground Colour:
#
Red:
Green:
Blue:
Hue (°)
Saturation (%):
Value (%):
Background Colour:
#
Red:
Green:
Blue:
Hue (°):
Saturation (%):
Value (%):
Results
This is example text. Some of it bolded. Some of it italicized.
Brightness Difference: (>= 125)
Colour Difference: (>= 500)
Are colours compliant?
Contrast Ratio
WCAG 2 AA Compliant
WCAG 2 AA Compliant (18pt+)
WCAG 2 AAA Compliant
WCAG 2 AAA Compliant (18pt+)
Description
The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast “when viewed by someone having color deficits or when viewed on a black and white screen”[W3C].
The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed
their threshold. It will indicate that it sort of passes if only one of the two values exceed their threshold. And finally, it’ll fail
to pass if neither value exceeds its threshold.
The tool will also indicate if the colours pass the newer WCAG 2.0 contrast ratio formula. The WCAG [...]