DEV Community

Cover image for Which Colors Look Good on Black and White?

Which Colors Look Good on Black and White?

Bence Szabo on March 21, 2019

Imagine you have to find a color that looks good both on black and white. By "looking good" I mean conforming at least WCAG AA Contrast (Minimum), ...
Collapse
 
juliannicholls profile image
Julian Nicholls

There's a tool here which will show you contrast ratios of up to five colours at a time, along with Black and White: reallybigshoe.co.uk/visualiser/ind...

Full disclosure: it's my tool.

Collapse
 
finnhvman profile image
Bence Szabo

Hey Julian, this is a pretty handy tool! Thanks!

Collapse
 
stefandorresteijn profile image
Stefan Dorresteijn

This is actually super useful if you're creating a style guide for a website, or adjusting a theme for an already existing framework. Nice work!

Collapse
 
finnhvman profile image
Bence Szabo

yep, I wanted to find some colors that work with both day and night modes!

Collapse
 
eekayonline profile image
Edwin Klesman

Awesome to see how you calculate this using the standards. 🙌🏻

Collapse
 
finnhvman profile image
Bence Szabo

Wow, now I know that at least you read it through! Thanks! 🙂

Collapse
 
eekayonline profile image
Edwin Klesman

YW.

But it's you who should be thanked (thank you 😃).

We need more of these "gut feeling" things to be defined SMART. It really helps starters and pro's to make their interfaces more readable and accessible.

Collapse
 
ashleemboyer profile image
Ashlee (she/her)

Thanks so much for this post! I love that you walked through the calculations. It helped me check my own math. Also glad you included your codepen because I found a syntax error in my math 😅