Color

Color Contrast

Check foreground and background colors against WCAG contrast requirements and preview them in common interface contexts.

Choose readable colors before shipping your interface

The Color Contrast Checker evaluates one foreground/background pair against WCAG 2.x text and interface contrast thresholds. Enter HEX colors, view the ratio and preview the pairing in common UI elements. It checks the pair you provide, not an entire website.