Leaderboard ad · 728×90
Color Contrast Checker
Check foreground and background contrast against WCAG text requirements.
Presets
6.70 : 1
Normal text AA (≥ 4.5)✓ Pass
Normal text AAA (≥ 7)✗ Fail
Large text AA (≥ 3)✓ Pass
Large text AAA (≥ 4.5)✓ Pass
Normal text: The quick brown fox jumps over the lazy dog.
Large text: readability matters
Large text means 18pt (≈24px) or 14pt (≈18.7px) bold; contrast ranges from 1:1 to 21:1.
In-content ad · responsive
Related Tools
Color Picker
Pick or paste a color, convert between HEX, RGB and HSL, with a shade palette.
CSS Gradient Generator
Preview and copy CSS linear or radial gradients from two colors.
Box Shadow Generator
Tune box-shadow with sliders and copy the CSS code.
Border Radius Generator
Adjust all four corners and copy the border-radius CSS.
Font Preview
Preview system fonts at any size and weight before choosing.
Color Palette Generator
Generate complementary, analogous, triadic and monochromatic schemes from one base color.