Contrast Checker - PHPColor

Background

The quick brown fox jumps over the lazy dog

oklch(0.22 0.06 260)

Foreground

The quick brown fox jumps over the lazy dog

oklch(0.97 0.005 239)

Display 76px headline

High-impact hero text and strong product tags.

Body 16px body text

Default article copy, card descriptions, helper text, and annotations.

UI Buttons & labels

Inputs, tabs, menus, icons, and tiny interface glyphs.

// Contrast snippet appears here on first paint.

.contrast-demo {
  color: ...;
  background: ...;
}