✎ Technique: Checking color contrast

Color-contrast-checking tools can compare two colors and report on the contrast ratio between them. Some tools will allow you to adjust these values until the ratio is sufficient, helping you to choose a color scheme that avoids contrast problems.

Examples

The following example shows a Color Contrast Analyser screenshot, indicating a passing contrast ratio of 6.66:1 between the white foreground color of some text and the blue color of the text's background.

Color Contrast Checking