Interactive tool
Contrast & interface preview
The ratio uses the WCAG relative-luminance formula for opaque sRGB colors. The result checks this color pair only; it is not an accessibility audit of an entire website.
Your palette in context
A clearer interface.
Readable colors support useful content. Preview this paragraph against your chosen background.
Explore the design guide →Inputs stay in this page. They are not sent to our servers. Do not paste confidential or personal data into a shared computer.