Você deve consultar sua cor de fundo e usar a referência online para os tons de cores HEX. Eu usei http://www.color-hex.com/color/5daee9
HTML:
<div class = “container”>
<h1> I am Heading </h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sem lorem, vestibulum eget tortor vitae, varius euismod quam. Nam faucibus in est sed molestie. Nulla nec arcu interdum lectus cursus condimentum. Quisque accumsan luctus posuere. Nunc bibendum sagittis ligula eu fringilla. Nullam faucibus enim et ante aliquet sodales. Vivamus em feugiat nunc. Donec dictum scelerisque placerat. </p>
</div>
<br />
CSS:
<br />
<style type = “text / css”>
div.container {
width: 400px;
família da fonte: Arial, Helvetica, sans-serif;
cor de fundo: # 5daee9;
preenchimento: 2em;
}
h1, p {
cor: # 2e5774;
sombra do texto: 1px 1px 1px # aed6f4;
}
</style>
Jogue a demonstração: https://codepen.io/anon/pen/bEdRJZ
Regra:
1. A cor da fonte deve ser pelo menos 5 a 6 vezes mais escura que o fundo.
2. Crie uma sombra de texto 5 a 6 vezes mais clara que o fundo.