Color Palette Generator

Pick a color, explore palettes, convert formats, and check accessibility contrast.

Pick a Color

Color Formats (click to copy)

Palette Harmonies

WCAG Contrast Checker

Foreground (text) Color

Background Color

14.63: 1

AA Normal: PASSAA Large: PASSAAA Normal: PASSAAA Large: PASS

Large Text Preview

Normal body text. This paragraph demonstrates how your chosen foreground color appears against the selected background. Good contrast ensures readability for all users.

Smaller text at 14px requires higher contrast ratios to pass WCAG AA (4.5:1).

AA Normal text: ratio at least 4.5:1 (14px regular, 18px bold)

AA Large text: ratio at least 3:1 (18px regular, 14px bold)

AAA Normal text: ratio at least 7:1

AAA Large text: ratio at least 4.5:1