: How to choose font color against yellow background? There are similar questions like this and this. However, this question is different because of different design constraints. This is the interface

@Nimeshi706

Does the type have to stay white?

You could merely set the type to yellow.. removing the star.



Or if you wanted that outer glow, yellow type with a white glow...

Vote Up Vote Down

@Chiappetta793

I recently ran into this shot on dribbble and found it really interesting in terms of getting a specific color to fit into a color scheme:

She uses different photoshop blending modes to overlay the main color of your design with the color you are looking for (a.k.a. yellow), and play with the opacity of the main color layer until you get something that looks right.
dribbble.com/shots/166246-My-Secret-for-Color-Schemes
As far as the glow goes, I personally would think about just changing the colors of the green blocks themselves to yellow, or one green color vs. alternating greens to show they belong together... just a thought. If you did use a glow I'd put it around the letter blocks as a whole instead of individual letters.

Vote Up Vote Down

@Kevin459

If I understand your question, the problem is that colours bright enough to contrast with the background tend to blend in with the white?

You could potentially solve this by having a slight 'hold-off' around the text before the outer glow starts. This will retain the contrast between the letters and the background, while allowing the glow to show that the letters are highlighted.

Something like this:



I've used a simple glow for illustration purposes, but i think it would look even better with the kind of fancy glow that you are proposing. If you could animate that glowing effect then you could really be on to something!

Hope this helps.

Vote Up Vote Down