Color Contrast Checker

5.17:1
Contrast Ratio
Normal Text
check_circle WCAG AAcancel WCAG AAA
Large Text
check_circle WCAG AAcheck_circle WCAG AAA
contrast

What is Color Contrast?

Color contrast refers to the difference in light between the foreground (text) and its background. In web accessibility, a high contrast ratio ensures that text is readable by users with low vision or color blindness.

accessibility_new

WCAG Accessibility Standards

The Web Content Accessibility Guidelines (WCAG) define specific contrast ratios for passing grades:

  • AA Standard: Requires a minimum ratio of 4.5:1 for normal text and 3:1 for large text.
  • AAA Standard: Requires a minimum ratio of 7:1 for normal text and 4.5:1 for large text.
security

Local Computations

Private design tokens. Your brand colors and design palettes are never uploaded to a server. OmniTools calculates the relative luminance of your hex codes mathematically inside your browser.