All tools › 🎨 Design
Color converter & contrast checker
Convert colours between HEX, RGB and HSL, and check text contrast (WCAG).
Text colour in other formats
Contrast
Large text sample
Normal body text looks like this. The quick brown fox jumps over the lazy dog.
–
Contrast ratio
–
AA normal text (4.5)
–
AA large text (3)
–
AAA normal text (7)
How it works
Enter a colour in any format (#ff8800, rgb(255 136 0), hsl(32 100% 50%)) or pick one, and copy it in the format you need.
Contrast ratio follows WCAG 2: normal text needs at least 4.5:1 (AA) or 7:1 (AAA); large text needs 3:1 (AA) or 4.5:1 (AAA).