WebAIM Color Contrast Checker

Select or enter foreground and background colors in RGB hexadecimal format — #000000 to #FFFFFF.

• Use the lighten and darken options to modify the colors.
• Use the color picker to change colors or luminosity.

Foreground color: # lighten foreground | darken foreground

Background color: # lighten background | darken background

Contrast Ratio:

Normal Text

WCAG AA: Pass
WCAG AAA: Pass
Sample: This is normal text

Large Text

WCAG AA: Pass
WCAG AAA: Pass
Sample: This is large text