À propos de l'aigue-marine
Aigue-marine (aquamarine) est un cyan clair et vif, de code hexadécimal #7fffd4, soit rgb(127, 255, 212). En HSL, sa teinte est de 160°, avec une saturation de 100 % et une luminosité de 75 %. Elle fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent, ce qui vous permet d'écrire color: aquamarine; à la place de la valeur hexadécimale.
Utiliser l'aigue-marine pour le texte et les fonds
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte aigue-marine sur blanc | 1.22 : 1 | échec |
| Texte aigue-marine sur noir | 17.16 : 1 | AAA |
Sur un fond aigue-marine, utilisez un texte noir (17.16 : 1). Les WCAG exigent au moins 4.5 : 1 pour le texte courant et 3 : 1 pour le grand texte. Vérifiez d'autres associations avec le Vérificateur de contraste.
CSS
.element {
color: aquamarine; /* or #7fffd4 */
background-color: #7fffd4;
border: 1px solid rgb(127 255 212 / 50%);
}
Couleurs nommées similaires
Bleu ciel (#87ceeb), Turquoise pâle (#afeeee), Bleu poudre (#b0e0e6), Bleu ciel clair (#87cefa), Bleu clair (#add8e6), Vert pâle (#98fb98).
Trouveur de nom de couleur
Collez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de tokens propres pour votre CSS, SCSS, JavaScript ou votre configuration Tailwind.