Record · corpus.blog/posts/01a087e2-8395-72a4-bf65-0906f59d20ce

Color Contrast Cheat Sheet PDF

smart-interface-design-patterns.com · published 14 August 2023

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at smart-interface-design-patterns.com Wayback capture

1blogs citing

First cited: 18 Feb 2025
Most recent: 18 Feb 2025
Rank this month: not ranked
Links from this post: 18
Words captured: 441

Cited by

Blog

In the post

Date

Stéphanie Walter: UX Researcher & Accessible Product Design in Enterprise UX. Speaker, Author, Mentor & Teacher.

Color Theory & Palette – Resources and Tools Read at the source ↗

18 Feb 2025

Links from this post

Link

Host

Fix Color Contrast – Web Accessibility for Text & UI Design Read at the source ↗

pimpmytype.com

https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_auto,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/color-contrast-cheat-sheet/color-contrast-cheat-sheet--opt.jpg

res.cloudinary.com

How To Design For Users With Colorblindness Read at the source ↗

smart-interface-design-patterns.com

https://colorable.jxnblk.com/

colorable.jxnblk.com

https://randoma11y.com/

randoma11y.com

https://www.learnui.design/tools/accessible-color-generator.html

learnui.design

https://contrast-grid.eightshapes.com/

contrast-grid.eightshapes.com

https://abc.useallfive.com/

abc.useallfive.com

https://www.figma.com/community/plugin/733159460536249875/A11y---Color-Contrast-Checker

figma.com

https://leonardocolor.io/

leonardocolor.io

https://www.figma.com/community/plugin/733343906244951586/Color-Blind

figma.com

https://www.getstark.co/

getstark.co

Color accessibility: tools and resources to help you design inclusive products Read at the source ↗

stephaniewalter.design

https://colorandcontrast.com/

colorandcontrast.com

https://uxdesign.cc/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d

uxdesign.cc

https://stripe.com/blog/accessible-color-systems

stripe.com

https://wildbit.com/blog/accessible-palette-stop-using-hsl-for-color-systems

wildbit.com

https://blog.datawrapper.de/color-contrast-check-data-vis-wcag-apca/

blog.datawrapper.de