Pick a colour and get it as HEX, RGB, HSL, HSV and CMYK.
#E11D48rgb(225, 29, 72)hsl(347, 77%, 50%)hsv(347, 87%, 88%)cmyk(0%, 87%, 68%, 12%)AA needs 4.5 : 1 for normal text; AAA needs 7 : 1. CMYK here is a simple screen-based estimate, not a print profile.
Use the picker, paste any value like #ff6600 or rgb(255, 102, 0), or type a name like coral.
HEX, RGB, HSL, HSV and CMYK are shown together.
See whether white or black text on this colour passes the contrast rules.
Anything a web page understands: HEX such as #e11d48 or #f60, rgb() and hsl() values, and colour names such as coral or navy.
Yes, in Chrome and Edge. A Pick from the screen button appears and lets you click any colour you can see.
No. It is a simple estimate from the screen colour. A printer's own colour profile gives different results, so check a proof before printing.
They are the web accessibility levels for text contrast. AA needs a ratio of 4.5 : 1 for normal text, and AAA needs 7 : 1.
No. Everything is worked out in your browser.