À propos du Bleu bleuet
Bleu bleuet (cornflowerblue) est un bleu clair et vif, de code hexadécimal #6495ed, soit rgb(100, 149, 237). En HSL, sa teinte est de 219°, avec une saturation de 79 % et une luminosité de 66 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: cornflowerblue; à la place de la valeur hexadécimale.
Utiliser le Bleu bleuet pour le texte et les arrière-plans
| Association | Rapport de contraste | WCAG |
|---|---|---|
| Texte Bleu bleuet sur blanc | 2.97 : 1 | échec |
| Texte Bleu bleuet sur noir | 7.06 : 1 | AAA |
Sur un fond bleu bleuet, utilisez un texte en noir (7.06 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.
CSS
.element {
color: cornflowerblue; /* or #6495ed */
background-color: #6495ed;
border: 1px solid rgb(100 149 237 / 50%);
}
Noms de couleurs similaires
Bleu ardoise moyen (#7b68ee), Bleu royal (#4169e1), Violet moyen (#9370db), Bleu ciel (#87ceeb), Bleu acier (#4682b4), Bleu ardoise (#6a5acd).
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.