Contrast Checker
Contrast Ratio
0.00 : 1
Low
WCAG Compliance
Normal Text (AA):Fail(4.5:1)
Large Text (AA):Fail(3:1)
Normal Text (AAA):Fail(7:1)
Large Text (AAA):Fail(4.5:1)
Large text is defined as 18pt (24px) or 14pt (18.67px) bold.
Sample Heading Text
This is some sample paragraph text. Use the color pickers to adjust the foreground and background colors and check the contrast ratio against WCAG guidelines.
Related tools
- Color Picker
Select and copy hex, RGB, or HSL values.
Open tool - Color Palette Generator
Generate harmonious color palettes for design projects.
Open tool - Image Color Picker
Extract colors from any uploaded image and get their hex or RGB values.
Open tool - OG Image Generator
Design 1200×630 social share cards with gradients, text, and your logo.
Open tool