Figma Support Forum

How to choose text's color in dark background

when I design a page that has dark color background, I originally use white color text (hex FFFFFF). then I find some others great work use soft white on dark background (like hex: F5F5F5 etc). I find some answers about it says this can decreases eye strain and strengthens reading stamina.

but how to decide which soft white color to use of text on dark background, is there some general rules of picking text color or just decided by feeling?

I don’t think there’s a rule of thumb here. One thing you will want to check out though is the accessibility rating of the text color compared to background color. This can help you decide what colors to choose.

There are a few contrast checker and accessibility plugins that can help with this. Outside of that though I think it’s personal preference. :slight_smile:

2 Likes

As @Josh wrote, you decide on your own aesthetics, but the main thing to have in mind is accessibility. I suggest using the Contrast Checker (or some other contrast plugin) to detect is it AA or AAA compliant.
https://www.figma.com/community/plugin/733159460536249875/A11y---Color-Contrast-Checker

2 Likes

Thanks, Josh. That helps!

Thank you, Mihael. many thanks for sharing the link.