Contrast checker (WCAG)

Compute the contrast ratio between text and background and check the WCAG accessibility thresholds.

Try also

• Colour converter & palettes: HEX, RGB, HSL and a full 50–950 scale generated for you.
• CSS gradient generator: Linear, radial and conic gradients with a live preview.
• Box-shadow generator: Soft, modern shadows with CSS and Tailwind code.
• px ↔ rem converter: Turn pixels into rem for accessible typography.
• Meta & Open Graph tag generator: SEO and social tags with Google and social card previews.