Select ColorsChoose foreground and background colors to testForeground (Text Color)CopySwap ColorsBackground ColorCopyRandom ColorsAdd to FavoritesSuggest ColorsHistory (0)Favorites (0)Quick Presets
Contrast Ratio ResultsWCAG 2.1 accessibility compliance levels21.00:1Contrast RatioWCAG AAAExport JSONExport PNGNormal TextPasses WCAG AA (4.5:1 minimum)Large TextPasses WCAG AA (3:1 minimum)
Live PreviewSee how your colors look in real-world scenariosNormal text (16px): The quick brown fox jumps over the lazy dog.Large text (20px+): The quick brown fox jumps over the lazy dog.Primary ButtonOutline Button
About WCAG Compliance• WCAG AA: Minimum contrast ratio of 4.5:1 for normal text, 3:1 for large text• WCAG AAA: Enhanced contrast ratio of 7:1 for normal text, 4.5:1 for large text• Large text is defined as 18pt+ (24px+) or 14pt+ (18.5px+) bold• Higher contrast ratios improve readability for users with visual impairments