So I went for an adequete amount of exaggeration and thought, why not start with the basics? Why not start with. Let's say there was room for improvement in how things were built. We had one, but it was WordPress, and WooCommerce, and a theme, and a child theme, lots of extensions, and two versions of bootstrap at the same time. This all changed because I ran an online fabric store with my wife. I didn't question the numbers, and the numbers didn't question me. WCAG gives us a ratio as a minimum requirement. I use a tool to measure the contrast between text and its background. Problably no big surprises for many people reading this. Large text (at least 19px and bold, or at least 24px) would still pass. If it's inbetween, I'd have to check the text size. In short, if the ratio is below 3.0:1, it would lack contrast. I'd apply WCAG Succes Criterion 1.4.3: Contrast (Minimum).The tool would spit out a number for me the contrast ratio.And separately I'd pick the foreground color.For pieces of text, I'd pick the background color.I'd grab a color picker tool like the Colour Contrast Analyser.When I started auditing websites and designs, my life was still simple. What's the practical impact on palettes?.What does that mean for color palettes?.Learn more about how the color contrast ratio is determined, and what that means for you (and your palette).

The color contrast ratios mentioned in WCAG can give you an insight in how usable your color palette is. Color and contrast, what does it mean? | Erik Kroes Erik Kroes

Picking contrast on photoshop 5.1 pc