DisplayRisk Checker

Check whether your colors stay readable across WCAG contrast rules and common display conditions.

Text

Background

UI element

Safe starter palettes

Accessible palette ideas that already hold up in the checker.

The quick brown fox jumps over the lazy dog.

Result

—

Text —

—

UI element —

—

Display risk —

—

Method

Contrast uses WCAG relative luminance. Display previews are approximate stress tests, not exact hardware measurements. Source: WCAG 2.2

—

Each score shows the weakest contrast in that display preview, including both text and UI element contrast.

OLED —

The quick brown fox jumps over the lazy dog.

IPS —

The quick brown fox jumps over the lazy dog.

VA —

The quick brown fox jumps over the lazy dog.

TN —

The quick brown fox jumps over the lazy dog.

Mobile screen —

The quick brown fox jumps over the lazy dog.

Projector —

The quick brown fox jumps over the lazy dog.