Color Contrast Checker
Check text and background colors against WCAG 2.1 AA and AAA contrast requirements
Large text sample
Normal body text sample — the quick brown fox jumps over the lazy dog.
Contrast ratio
14.03:1
AA — normal text
≥ 4.5Pass
AA — large text (18px bold / 24px)
≥ 3Pass
AAA — normal text
≥ 7Pass
AAA — large text
≥ 4.5Pass
UI components & graphics
≥ 3Pass
About WCAG contrast
- • Ratio runs from 1:1 (identical) to 21:1 (black on white)
- • Large text = 18.66px (14pt) bold, or 24px (18pt) regular and up
- • AA is the common legal baseline; AAA is the enhanced target
- • Computed with the WCAG relative-luminance formula on sRGB values
More Design & Image Tools
Image Resizer
Resize images to exact dimensions or social media presets with format and quality control.
Gradient Generator
Build CSS linear, radial, and conic gradients visually with live preview and one-click copy.
Placeholder Image Generator
Generate placeholder images with custom dimensions, colors, and text. Export as PNG, SVG, HTML, or Markdown.