Color Contrast Checker

Calculate the contrast ratio of text and background colors. Ensure your color combinations are accessible for everyone. Check contrast ratios and pass WCAG AA and AAA standards.

Text Color

Background Color

WCAG StandardSmall TextLarge Text
AAFAILFAIL
AAAFAILFAIL

Small sample text.

Large sample text.

we will update this tool to include design advanced features in the future. like will add color options more like tailwind colors v3 & v4, hsl, Rgb etc.