I'm don't have any Graphic Design background. I'm a programmer.
Recently, I tried to port my holo light themed app, to holo dark themed app.
For holo dark themed, the dark grey background being use is coded
I realize, under dark grey background, it is difficult to make "shinning" (Sorry. I don't know the exact word. "shinning" means for instance, #ffff0000) green & red character to be read.
After several try-n-error, I manage to discover 2 color codes :
#ffdb3344 - red #ff6baa7f - green
Both color I found that
- Easy to read
- Pastel style, which gives Elegant, Harmony, Comfortable feeling.
Yet. The color (especially red) might look nice under my device, but they might not so easy to read in other devices with other display quality.
I was wondering,
Is there any red & green, which is suitable to be placed in grey background
#ff4c4c4c, has greater tolerance to look "nice" (Easy to read, Pastel style, which gives Elegant, Harmony, Comfortable feeling) under variety of display quality?
Is there any systematic way to choose such color, instead of try-n-error?
By using wonderful tool http://leaverou.github.io/contrast-ratio/ introduced by @Yisela, I was able to produce something like the following (By try-n-error method). It looks better right? :)