Code couleur Bleu poudre (#b0e0e6)

Bleu poudre est #b0e0e6 en hexadécimal et rgb(176, 224, 230) — un cyan très clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu poudre
#b0e0e6
Nom CSSpowderblue
Hexadécimal#b0e0e6
RGBrgb(176, 224, 230)
HSLhsl(187 52% 80%)
HWBhwb(187 69% 10%)
CMYK23%, 3%, 0%, 10%

Teintes et nuances

Harmonies de couleurs

À 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

AssociationRapport de contrasteWCAG
Texte Bleu poudre sur blanc1,43 : 1échec
Texte Bleu poudre sur noir14,65 : 1AAA

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).

Questions fréquentes

Quel est le code hexadécimal du bleu poudre ?
#b0e0e6 — soit rgb(176, 224, 230) et hsl(187, 52%, 80%). En CSS, vous pouvez aussi simplement écrire powderblue.
Le texte bleu poudre est-il lisible sur blanc ?
Son rapport de contraste sur blanc est de 1,43 : 1, ce qui ne respecte pas les WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs se marient bien avec le bleu poudre ?
Sa couleur complémentaire est #e7b8b1 ; les couleurs analogues #b1e7d2 et #b1c6e7 sont voisines sur le cercle chromatique.