Code couleur Light Sky Blue (#87cefa)

Light Sky Blue est #87cefa en hexadécimal et rgb(135, 206, 250) : un bleu clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies, ainsi que la lisibilité de cette couleur en texte.

Mis à jour le

Light Sky Blue
#87cefa
Nom CSSlightskyblue
Hex#87cefa
RGBrgb(135, 206, 250)
HSLhsl(203 92% 75%)
HWBhwb(203 53% 2%)
CMYK46%, 18%, 0%, 2%

Teintes et nuances

Harmonies chromatiques

À propos de Light Sky Blue

Light Sky Blue (lightskyblue) est un bleu clair et vif, de code hexadécimal #87cefa, soit rgb(135, 206, 250). En HSL, sa teinte est de 203°, sa saturation de 92 % et sa luminosité de 75 %. Elle fait partie des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: lightskyblue; à la place de la valeur hexadécimale.

Utiliser Light Sky Blue pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Light Sky Blue sur blanc1.72 : 1échec
Texte Light Sky Blue sur noir12.24 : 1AAA

Sur un arrière-plan Light Sky Blue, utilisez un texte en noir (12.24 : 1). Les WCAG exigent un ratio d'au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Contrast Checker.

CSS

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

Couleurs nommées similaires

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

Questions fréquentes

Quel est le code hexadécimal du light sky blue ?
#87cefa, soit rgb(135, 206, 250) et hsl(203, 92%, 75%). En CSS, vous pouvez aussi écrire simplement lightskyblue.
Le texte light sky blue est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 1.72 : 1, ce qui ne respecte pas les WCAG. Réservez-le à la décoration ou à un arrière-plan sombre.
Quelles couleurs se marient bien avec le light sky blue ?
Sa couleur complémentaire est #fab285 ; les couleurs analogues #85faec et #8592fa se trouvent à ses côtés sur le cercle chromatique.