Color Converter & Contrast Checker

Pick a color, copy it in any format, and check if text is readable on it.

HEX

RGB

HSL

Contrast checker

Text Background

The quick brown fox jumps over the lazy dog

-Contrast ratio

-AA normal text

-AAA normal text

-AA large text

About WCAG contrast

Accessibility guidelines (WCAG) require a contrast ratio of at least 4.5:1 for normal text at level AA, 7:1 for AAA, and 3:1 for large text. Higher contrast helps everyone, especially in bright light.

FAQ

Which formats can I type in?

HEX (#2563eb or #26e), RGB (37, 99, 235) and HSL (221, 83%, 53%). Edit any field and the others follow.