Color & contrast
hex/rgb/hsl + WCAG contrast
HEX
#2563eb
#2563eb
RGB
—
—
HSL
—
—
WCAG contrast
Sample text Aa
—Contrast ratio
This tool converts a color between hexadecimal, rgb and hsl formats, and computes the WCAG contrast ratio between a text and its background. It tells you whether the pair meets the AA and AAA accessibility levels, ideal for interfaces readable by everyone.
All calculations run in your browser: no color sent, no tracking and no ads.
FAQ
What is the WCAG contrast ratio?
It is a measure of the brightness difference between two colors, ranging from 1:1 to 21:1.
Which levels should I aim for in accessibility?
At least 4.5:1 for normal text at level AA, and 7:1 for level AAA.
Which color formats are supported?
Hexadecimal, rgb and hsl formats, with conversion both ways.
Are my colors sent anywhere?
No, conversions and contrast calculations stay local.