← South Fork Apps

Color Contrast Checker

Large Text (18pt / 14pt Bold)
Normal body text at standard size. The quick brown fox jumps over the lazy dog.
UI Component
—
Contrast Ratio
AA Normal
—
Requires 4.5:1
AA Large
—
Requires 3:1
AAA Normal
—
Requires 7:1
AAA Large
—
Requires 4.5:1
Why people use this tool

Color Contrast Checker

Check foreground and background pairs against WCAG contrast standards before you ship a design, component, or brand palette.

  • Test text and background colors for AA and AAA accessibility targets.
  • Compare alternatives when a brand color looks good but reads poorly.
  • Validate color choices during UI design instead of after development.
Typical workflow Enter the two colors, review the score, then adjust the pair until the contrast passes the accessibility target you need.
More Design & Media CSS & Color Tools Privacy
Color Contrast Checker interface preview
Live interface preview for Color Contrast Checker. This screenshot is also the landing image Google can associate with the tool page.
More Design & Media
South Fork Apps
Color Format Converter Convert colors between HEX, RGB, HSL, and HSB formats with a live swatch preview and quick presets. Color Mixer Blend two colors with a ratio slider and see the result as HEX, RGB, and HSL. Uses linear RGB interpolation. Color Name Finder Find the closest CSS named color to any hex value. Shows the 5 nearest named colors with swatches and distances.

v1.0