--- title: Is My Color Contrast Accessible? Free WCAG Checker | BNN description: A WCAG AA/AAA contrast checker, a color-blindness simulator and a palette puller for any image. Three free, private color tools from Brand Name Nerd. image: https://brandnamenerd.com/hubfs/6008E365-05D8-4FC1-83E1-1280E30DBA12_1_105_c.jpeg --- [Skip to content](https://brandnamenerd.com/tools/color#main-content) [![Brand Name Nerd home](https://brandnamenerd.com/hubfs/raw_assets/public/brandnamenerd-theme/Theme/images/theme-images/bnn_logo.svg "Brand Name Nerd home")](https://brandnamenerd.com?hsLang=en) Brand Name Nerd Brand Name Nerd: Graphic Design for Small Businesses. Design Tips & Critical Hits. Menu - [Services](https://brandnamenerd.com/services) - [Pricing](https://brandnamenerd.com/pricing) - [Workshops](https://brandnamenerd.com/workshops) - [Consulting](https://brandnamenerd.com/graphic-design-consulting) - [Free tools](https://brandnamenerd.com/tools) - [Blog](https://brandnamenerd.com/blog) - [Contact](https://brandnamenerd.com/contact) [Free tools](https://brandnamenerd.com/tools?hsLang=en) › Color # Can your customers actually read your colors? Find out in seconds. Check your text and background colors against WCAG AA and AAA, see your brand the way people with color blindness do, and pull a palette from any photo. Everything runs in your browser; nothing is uploaded. Contrast checker Color vision simulator Palette puller ## Can everyone read that? A color contrast checker from your friendly neighborhood design nerds. Text color swap Background color ## Your palette Add up to 5 colors and every text/background pairing gets tested below. Tap a cell to load that pair above. Colors sent from the Palette puller land here automatically. Add color Clear ## The preview The quick brown fox jumps over the lazy dog The quick brown fox — contrast ratio AA · normal text — AA · large text — AAA · normal text — AAA · large text — Checks contrast ratios against WCAG 2.1. A starting point, not a full accessibility audit. Want your brand to read clearly for everyone? [hi@brandnamenerd.com](mailto:hi@brandnamenerd.com) ## How others see your colors Upload any image to see it through seven types of color vision, including the mild red-green types most colorblind people actually have. Great for checking brand materials before you print or publish. Your image never leaves your device Choose an image or drag & drop one here OriginalFull color vision If important information is only conveyed by color (like "red means stop, green means go"), make sure there's also a shape, label, or pattern difference. Upload a different image Simulation uses the Machado, Oliveira & Fernandes (2009) model, applied in linear RGB. The mild types are shown at 60% severity. Prevalence figures are rough, commonly cited estimates for men of Northern European ancestry; about 0.5% of women have a red-green type. Results are approximate. Real color perception varies by person. Building an accessible brand? Color is just the start. [hi@brandnamenerd.com](mailto:hi@brandnamenerd.com) ## Pull a palette from any image Upload a photo, brand image, or inspiration pic. Get the dominant colors as hex codes, ready to copy. Processed entirely on your device Choose an image or drag & drop one here Colors: 5 Click anywhere on the image to add that color to your palette Screen eyedropper ## Extracted palette Click any swatch to copy its hex code. ## Hand-picked colors **Pick up to 5 colors to send** Send 0 colors Cancel Copy all hex codes Check contrast with these Upload a different image Colors are extracted using k-means clustering. The algorithm finds the most representative colors, not just the most frequent pixels. Palette extraction happens in your browser. Your images stay private. Want a full brand color system, not just swatches? [hi@brandnamenerd.com](mailto:hi@brandnamenerd.com) More free tools from Brand Name Nerd [See all tools](https://brandnamenerd.com/tools?hsLang=en) Sponsored by **This spot is open.** Put your logo and link here for a year. [Sponsor this tool](https://brandnamenerd.com/tool-sponsorship-terms?hsLang=en) [Or go monthly](https://payments-na1.hubspot.com/payments/JMXhYSddhR4g) [Or sponsor all 15 tools](https://payments-na1.hubspot.com/payments/ctwRny4z6rkszH) [Leave a tip](https://ko-fi.com/brandnamenerd/tip) ## Found a bug? Got an idea? Tell us what broke, what you'd add, or what helped. It goes straight to Amanda. [See known issues & what's planned →](https://brandnamenerd.com/tools/feedback?hsLang=en) ### Contact Email us: [hi@brandnamenerd.com](mailto:hi@brandnamenerd.com) [Start a project](https://brandnamenerd.com/contact?hsLang=en) ### Work with us [All services & packages](https://brandnamenerd.com/services?hsLang=en) [Logos & branding](https://brandnamenerd.com/logos-branding?hsLang=en) [Custom graphics](https://brandnamenerd.com/custom-graphics?hsLang=en) [Portraits](https://brandnamenerd.com/portraits?hsLang=en) [Menus, signage & print](https://brandnamenerd.com/menus-signage-print?hsLang=en) [Web design & copy](https://brandnamenerd.com/web-design-copy?hsLang=en) [Graphic design consulting](https://brandnamenerd.com/graphic-design-consulting?hsLang=en) [Workshops](https://brandnamenerd.com/workshops?hsLang=en) [How pricing works](https://brandnamenerd.com/pricing?hsLang=en) [Office Hours](https://brandnamenerd.com/office-hours?hsLang=en) [Reviews](https://brandnamenerd.com/reviews?hsLang=en) ### Free stuff [Design tools](https://brandnamenerd.com/tools?hsLang=en) [Color & contrast checker](https://brandnamenerd.com/tools/color?hsLang=en) [Sponsor the tools](https://brandnamenerd.com/tools/sponsor?hsLang=en) [Resources for makers](https://brandnamenerd.com/resources?hsLang=en) [Blog](https://brandnamenerd.com/blog?hsLang=en) ### Studio [About the Artists](https://brandnamenerd.com/about-the-artists?hsLang=en) [Instagram](https://instagram.com/brandnamenerd) [Facebook](https://www.facebook.com/p/Brand-Name-Nerd-100072205761496/) [Ko-fi](https://ko-fi.com/brandnamenerd) [LinkedIn](https://www.linkedin.com/company/brandnamenerd/) [Privacy policy](https://brandnamenerd.com/privacy-policy?hsLang=en) [Accessibility](https://brandnamenerd.com/accessibility?hsLang=en) ### Search the site Search ### Design tips, no spam Occasional notes on branding for small businesses. Unsubscribe any time. © 2026 Brand Name Nerd · Quirky ideas. Proven strategy. Driven by creativity. Locally owned & operated in New Orleans, Louisiana · Queer- and woman-owned Stock imagery: [Vecteezy.com](https://www.vecteezy.com) · [Licences & credits](https://brandnamenerd.com/licences?hsLang=en) Site designed & built in-house by [Brand Name Nerd](https://brandnamenerd.com/web-design-copy?hsLang=en) ```json { "@context" : "https://schema.org", "@id" : "https://brandnamenerd.com/#org", "@type" : [ "ProfessionalService", "Organization" ], "address" : { "@type" : "PostalAddress", "addressCountry" : "US", "addressLocality" : "New Orleans", "addressRegion" : "LA" }, "alternateName" : "BNN", "areaServed" : [ "New Orleans, LA", "Greater New Orleans", "Remote (US)" ], "award" : "FedEx Entrepreneur Fund and Boost Camp recipient, 2026 (presented with Hello Alice)", "description" : "Graphic design for small businesses in New Orleans: logos, branding, custom graphics, print and copy. Nerdy, spooky, sparkly and stylish.", "email" : "hi@brandnamenerd.com", "founder" : [ { "@type" : "Person", "alumniOf" : { "@type" : "EducationalOrganization", "name" : "Civic Leadership Academy, City of New Orleans Mayor's Office of Community Engagement", "url" : "https://nola.gov/next/mayor-s-office-of-community-engagement/programs/civic-leadership-academy/" }, "memberOf" : { "@type" : "Organization", "name" : "Flyte", "url" : "https://flyteeducation.org/" }, "name" : "Amanda Burnswell" }, { "@type" : "Person", "name" : "Velvet" } ], "foundingDate" : "2023", "foundingLocation" : { "@type" : "Place", "name" : "New Orleans, LA" }, "hasCredential" : { "@type" : "EducationalOccupationalCredential", "credentialCategory" : "certification", "name" : "Louisiana Hudson Initiative certified small business", "recognizedBy" : { "@type" : "GovernmentOrganization", "name" : "Louisiana Economic Development" } }, "knowsAbout" : [ "logo design", "brand identity", "custom graphics", "menu design", "print design", "portrait illustration", "accessible design", "WCAG" ], "logo" : "//47666447.fs1.hubspotusercontent-na1.net/hubfs/47666447/raw_assets/public/brandnamenerd-theme/Theme/images/theme-images/bnn_logo.svg", "name" : "Brand Name Nerd", "sameAs" : [ "https://instagram.com/brandnamenerd", "https://ko-fi.com/brandnamenerd", "https://www.linkedin.com/company/brandnamenerd/", "https://www.facebook.com/p/Brand-Name-Nerd-100072205761496/", "https://share.google/EB1NIlPsZ0YxitRvi" ], "slogan" : "Design Tips & Critical Hits", "url" : "https://brandnamenerd.com" } ``` ```json { "@context" : "https://schema.org", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://brandnamenerd.com/", "name" : "Home", "position" : 1 }, { "@type" : "ListItem", "item" : "https://brandnamenerd.com/tools", "name" : "Tools", "position" : 2 }, { "@type" : "ListItem", "item" : "https://brandnamenerd.com/tools/color", "name" : "Toolkit: Color", "position" : 3 } ] } ```