Accessible Colors | WCAG 2.0 AA and AAA color contrast checker
Test your background and text contrast ratio based on Web Content Accessibility Guidelines (WCAG), and automatically find the closest accessible colors.
Guide to Accessible Colors Palettes [Templates Included]
Nov 30, 2022 · Below, find examples of accessible color palettes arranged according to color scheme. For good measure, I’ve included a few templates you can easily edit to create beautiful, engaging, inclusive visual communications in the same vein too.
Accessible Color Palette Generator | WCAG Compliant - Venngage
Take the mystery out of accessibility with a simple color palette generator that does the heavy lifting for you. Choose your own adventure! Generate an accessible color palette in one of two ways: Input a HEX code to discover accessible palettes based on your color of choice.
How To Choose ADA-Compliant Colors: Full Guide For 2024
Jun 23, 2024 · In this blog, we will cover everything you need to know about ADA-compliant colors. We will show why choosing the right color combination is so important, and what you should expect if your website is found to feature color schemes and contrasts that stand in violation of the ADA.
- Reviews: 986
Color Safe - accessible web color combinations
Empowering designers with beautiful and accessible color palettes based on WCAG Guidelinesof text and background contrast ratios. Get Started. Set Up Canvas and Text. Enter a background color, and determine the styling of your text.
InclusiveColors - Accessible color palette creator
See which color pairs contrast as you edit so you can create a palette with built-in WCAG accessibility. This way you can plan in advance which foreground colors (for headings, body text, form fields and so on) should contrast on which background colors, so you can avoid running into surprise low contrast issues later when designing.
WCAG Color Contrast Checker - Accessible Web
Use our free web accessiblity color contrast checker to check your website's color combinations against WCAG A, AA, and AAA requirements.
Accessible color palette builder
This is a tool to help build color palettes that conform with WCAG 2.0 standards. For more information, refer to Success Criterion 1.4.3. Please don't use these color combinations. WCAG 2.0 (AA) requires normal text to have a contrast ratio of 4.5 to 1. Normal text is less than 24px/18pt for regular font weight or 19px/14pt for bold.
Accessible Brand Colors by Use All Five
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better. Power user? Add multiple colors at once.
Reasonable Colors
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
- Some results have been removed