Input color HEX Codes in the fields under each widget to change the Foreground Color or Background Color in the right display panel.
Use the Lightness sliders under each to adjust the exposure of the foreground and background colors.
Contrast level is part of what determines whether readers with visual impairment or other accessibility concerns can clearly perceive the content (visual elements like text, images, etc.) in your documents or on your website.
Under the Contrast Ratio heading, the ratio numbers will change to reflect the WCAG score of the foreground and background colors displayed in the preview pane on the right side. Find more details about each element under Compliance Results.
Curious about upgrading? Compare our plan features side by side.