À propos du Bleu poudre
Bleu poudre (powderblue) est un cyan très clair à saturation modérée, de code hexadécimal #b0e0e6, soit rgb(176, 224, 230). En HSL, sa teinte est de 187°, sa saturation de 52 % et sa luminosité de 80 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: powderblue; à la place de la valeur hexadécimale.
Utiliser le Bleu poudre pour le texte et les arrière-plans
| Association | Rapport de contraste | WCAG |
|---|---|---|
| Texte Bleu poudre sur blanc | 1,43 : 1 | échec |
| Texte Bleu poudre sur noir | 14,65 : 1 | AAA |
Sur un fond bleu poudre, utilisez un texte en noir (14,65 : 1). Les WCAG exigent 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: powderblue; /* or #b0e0e6 */
background-color: #b0e0e6;
border: 1px solid rgb(176 224 230 / 50%);
}
Couleurs nommées similaires
Bleu clair (#add8e6), Turquoise pâle (#afeeee), Bleu acier clair (#b0c4de), Gris clair (#d3d3d3), Bleu ciel (#87ceeb), Gainsboro (#dcdcdc).
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.