What is the best shade of grey for hovering over black in a Middle-age-themed website. Preferably, answer with the exact 16-bit name.

enter image description here

closed as primarily opinion-based by Scott, AndrewH, Luciano, Billy Kerr, Lucian Aug 17 '17 at 1:26

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

  • Please add a screenshot as an example and tell us what you've tried and why you weren't satisfied with that. Without that, this question is impossible to answer in a hiatus. – Vincent Aug 8 '17 at 19:11
  • Best is very subjective. Best for what, legibility/contrast? Best for style? Why is your example not good enough? – Luciano Aug 9 '17 at 9:34

As a general rule it's best to go for a contrast of 50% between different interactions/design elements to ensure they are clearly visible to the viewer. So if you're wanting a grey to contrast with #000000, go for #808080 or lighter.

I don't remember where I read the 50% rule, possibly somewhere in Google's app design guidelines. Anyway, I've been applying it to my designs for years and I've not had any problems with legibility since.

Not the answer you're looking for? Browse other questions tagged or ask your own question.