Code couleur Bleu ciel (#87ceeb)

Bleu ciel correspond à #87ceeb en hexadécimal et rgb(135, 206, 235) — un bleu clair. Vous trouverez ci-dessous tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Bleu ciel
#87ceeb
Nom CSSskyblue
Hex#87ceeb
RGBrgb(135, 206, 235)
HSLhsl(197 71% 73%)
HWBhwb(197 53% 8%)
CMYK43%, 12%, 0%, 8%

Teintes et nuances

Harmonies chromatiques

À propos du bleu ciel

Bleu ciel (skyblue) est un bleu clair et vif, de code hexadécimal #87ceeb, soit rgb(135, 206, 235). En HSL, sa teinte est de 197°, avec une saturation de 71 % et une luminosité de 73 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: skyblue; à la place de la valeur hexadécimale.

Utiliser le bleu ciel pour le texte et les fonds

CombinaisonRatio de contrasteWCAG
Texte bleu ciel sur blanc1,74 : 1échec
Texte bleu ciel sur noir12,06 : 1AAA

Sur un fond bleu ciel, utilisez un texte en noir (12,06 : 1). Le WCAG exige un ratio d'au moins 4,5 : 1 pour le texte courant et de 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: skyblue;               /* or #87ceeb */
  background-color: #87ceeb;
  border: 1px solid rgb(135 206 235 / 50%);
}

Couleurs nommées similaires

Bleu ciel clair (#87cefa), Bleu clair (#add8e6), Bleu acier clair (#b0c4de), Bleu poudre (#b0e0e6), Turquoise pâle (#afeeee), Aigue-marine (#7fffd4).

Questions fréquentes

Quel est le code hexadécimal du bleu ciel ?
#87ceeb, soit rgb(135, 206, 235) et hsl(197, 71%, 73%). En CSS, vous pouvez aussi simplement écrire skyblue.
Le texte bleu ciel est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1,74 : 1, ce qui ne respecte pas le WCAG. Utilisez-le plutôt à des fins décoratives ou sur un fond sombre.
Quelles couleurs vont bien avec le bleu ciel ?
Sa couleur complémentaire est #eba589 ; les couleurs analogues #89ebd6 et #899eeb se trouvent à côté sur le cercle chromatique.