Developer tools

Color Converter

Convert HEX, RGB and HSL colors and check WCAG contrast.

Color#7c3aed, rgb(124 58 237), hsl(262 83% 58%)

Background for contrast check

Aa Sample text

Result

HEX: #7c3aed
RGB: rgb(124 58 237)
HSL: hsl(262 83% 58%)

Contrast ratio: 5.7:1
WCAG AA: ✓ Pass
WCAG AA (large text): ✓ Pass
WCAG AAA: ✗ Fail
WCAG AAA (large text): ✓ Pass

How to use

Enter a color as HEX, rgb() or hsl(), or use the picker. Set a background to check WCAG contrast.

Example

#7c3aed equals rgb(124 58 237) and hsl(262 83% 58%).

Frequently asked questions

Which contrast is enough?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1. Transparency is ignored in the contrast check.