c/color-contrast-checks

My boss made me redo a whole client slide deck over one color choice

I had this dark blue text on a navy background, looked fine to me on my monitor. Boss ran it through a contrast checker tool and it failed big time, like a 2.5:1 ratio. I switched the text to a light gray and got it over 7:1. The difference was crazy, you could actually read it from across the room. I spent 3 hours redoing all the slides because I didn't check first. Has anyone else had a client or boss catch a major fail you just missed?

My new app's login screen failed a basic check I thought it would pass

I used a light blue (#88C1FF) on a white background for the 'Forgot Password' link, thinking it looked fine. Ran it through the WebAIM contrast checker and it scored a 2.1, way below the 4.5 minimum for normal text. I had to change it to a much darker blue (#0066CC) to make it work. Has anyone else been caught out by thinking a color was dark enough when it really wasn't?

Just hit 100 passes on my new site's color palette

I was checking the contrast ratios for all my text and button combos, and my little counter hit 100. I honestly thought I'd get maybe 20 done before I got bored. It mattered because I kept finding these tiny fails, like a #888 gray on a white background that looked fine to me but failed the test. I did it over the last three nights after work. Has anyone else had a color that looked totally readable to them but the checker said no?

I thought my slide design was clear until the Q&A turned into a guessing game.

Now I check contrast before every presentation.

Vent: Stuck between a client's vision and readable text

Was putting together a flyer for a community event. They loved this soft yellow on beige for the main info. I checked the contrast and it barely passed for some, but failed for others. Had to argue that pretty colors aren't worth excluding people.

Idk, my app's light blue on dark blue might not be accessible

I'm tweaking the colors for my new app's interface. I chose light blue text on a dark blue background, but maybe it's just me, it seems a bit hard to read in some light. How do you check if color combos like this have enough contrast?

Appreciation post: My pantry labeling fail turned into a color contrast lesson

I decided to organize my pantry last weekend and made fancy labels for all my jars and bins using my label maker. I chose a pretty light pink for the text on clear labels because it matched my kitchen decor (I thought it looked cute). But when I stepped back, I couldn't read a thing from just a few feet away, especially in lower light. My mom visited and asked why I used such faint colors, saying she had to get really close to see what was in each container. That moment was a wake-up call about how important contrast is for everyone, not just people with vision issues. I never realized that something as simple as label colors could make such a big difference in daily life. Now I'm testing out darker text colors on white backgrounds, but I'd love your thoughts on whether black on white is always the best choice or if other combos work too.

My health app text was unreadable until I ran a contrast check

I used light yellow on white for the info screen thinking it looked clean. People could not read it at all, so I checked the contrast and changed to a dark blue. Do you think many designers skip this step because it takes extra time?

Tbh, I just found some old forum signatures I made and the light text on light backgrounds is painful to look at now.

Just realized my old sleep tracker charts were hard for my dad to read

In my experience, I used to pick soft colors for my sleep charts without thinking much about it. Your mileage may vary, but my dad has trouble seeing, and he couldn't read the data at all. Take this with a grain of salt, but I changed to darker blues on white, and it helped him a lot. Looking back, I feel bad for not considering color contrast sooner. It really shows how small choices in design can affect wellness tools for everyone.

My dad's church newsletter has a big contrast problem

My dad helps with his church's monthly newsletter. He chose pale blue text on a cream background. All the other volunteers think it looks gentle and nice. I pointed out that many older members can't read it clearly. They argued it's about style, but I say accessibility comes first.

Question about my portfolio site's text color choice

I went against every contrast checker and used a light gray on dark blue, and it's somehow clearer for my eyes.

My slide deck was a mess in the conference room because of the colors

I picked a fancy light gray font on a pale blue background for my presentation. People in the back row had no idea what my charts said. Double-check your color combos in the room you'll use before showing anyone.

Hot take: My accent wall paint made the family command center text vanish

Honestly, I chose a cool sage green but the dark gray labels are totally washed out. Now I have to repaint or find new markers.