À propos du Bleu ardoise
Bleu ardoise (slateblue) est un bleu moyen, modérément saturé, de code hexadécimal #6a5acd, soit rgb(106, 90, 205). En HSL, il a une teinte de 248°, une saturation de 53 % et une luminosité de 58 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: slateblue; à la place de la valeur hexadécimale.
Utiliser le bleu ardoise pour le texte et les fonds
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte bleu ardoise sur blanc | 5.31 : 1 | AA |
| Texte bleu ardoise sur noir | 3.96 : 1 | AA grands textes uniquement |
Sur un fond bleu ardoise, utilisez du texte blanc (5.31 : 1). Le WCAG exige au moins 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: slateblue; /* or #6a5acd */
background-color: #6a5acd;
border: 1px solid rgb(106 90 205 / 50%);
}
Couleurs nommées similaires
Bleu ardoise moyen (#7b68ee), Bleu royal (#4169e1), Violet moyen (#9370db), Bleu acier (#4682b4), Bleu violet (#8a2be2), Orchidée foncée (#9932cc).
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.