Select foreground and background colors. Preview updates live and reports WCAG contrast for normal and large text. Suggested closest colors are computed to meet AA / AAA with minimal visual change.
Text color used in the preview.
Background color used in the preview.
Live preview
Large text preview
Normal text preview
Contrast ratio
–
| Text size | AA | AAA |
|---|---|---|
| Large | – | – |
| Normal | – | – |
Closest passing colors
AA (Normal)
–
FG:
–BG:
–
AAA (Normal)
–
FG:
–BG:
–
Color Recommendation Strategy: Adjust lightness in OKLCH space with a binary search to meet the target ratio while preserving hue/chroma.