Color Contrast Checker

WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors. AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.

For most websites, WCAG AA compliance (4.5:1 for body text) is the recommended minimum. If you are building for government or healthcare, aim for AAA (7:1).

Yes, you can enter colors as HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(11, 100%, 60%)), or named CSS colors (red, blue, etc.).

WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+ regular). AAA is stricter, requiring 7:1 for normal text and 4.5:1 for large text. AA is the standard most websites aim for, while AAA provides enhanced readability for users with low vision.

The difference in luminance between text and background colors affecting readability.

Web Content Accessibility Guidelines define contrast ratios: 4.5:1 for normal text, 3:1 for large text.

AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 and 4.5:1.

Use a contrast checker tool. Enter foreground and background colors to get the ratio and pass/fail status.

7:1 or higher is best for readability. Below 3:1 is difficult for most users to read.

Yes, but the requirement is lower (3:1 for AA) since bold 14pt+ text is easier to read.