Contrast Checker

Quickly check WCAG contrast ratios for foreground/background colors — Skyblue theme.

Color A

Color B

Mode

Use hex, rgb(), or hsl(). Try the color pickers for fast input.

Color A

#4A90E2

Color B

#ffffff

The quick brown fox jumps over the lazy dog

Preview of text using the selected colors.

Foreground:

—

Background:

—

Contrast ratio:

—

Pass (Normal text):

—

Pass (Large text):

—

AAA:

—