Code couleur Light Steel Blue (#b0c4de)

Light Steel Blue est #b0c4de en hexadécimal et rgb(176, 196, 222) — un bleu clair. Ci-dessous : tous les formats de couleur, nuances et teintes, harmonies, et lisibilité du texte.

Mis à jour le

Light Steel Blue
#b0c4de
Nom CSSlightsteelblue
Hex#b0c4de
RGBrgb(176, 196, 222)
HSLhsl(214 41% 78%)
HWBhwb(214 69% 13%)
CMYK21%, 12%, 0%, 13%

Nuances et teintes

Harmonies de couleurs

À propos de Light Steel Blue

Light Steel Blue (lightsteelblue) est un bleu clair, modérément saturé, de code hexadécimal #b0c4de, soit rgb(176, 196, 222). En HSL, sa teinte est de 214°, avec une saturation de 41 % et une luminosité de 78 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: lightsteelblue; à la place de la valeur hexadécimale.

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

CombinaisonRatio de contrasteWCAG
Texte Light Steel Blue sur blanc1.78 : 1échec
Texte Light Steel Blue sur noir11.80 : 1AAA

Sur un arrière-plan bleu acier clair, utilisez un texte en noir (11.80 : 1). Le WCAG exige un ratio d'au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: lightsteelblue;               /* or #b0c4de */
  background-color: #b0c4de;
  border: 1px solid rgb(176 196 222 / 50%);
}

Noms de couleurs similaires

Bleu clair (#add8e6), Bleu poudre (#b0e0e6), Argent (#c0c0c0), Gris clair (#d3d3d3), Chardon (#d8bfd8), Bleu ciel (#87ceeb).

Questions fréquentes

Quel est le code hexadécimal de Light Steel Blue ?
#b0c4de — soit rgb(176, 196, 222) et hsl(214, 41%, 78%). En CSS, vous pouvez aussi écrire simplement lightsteelblue.
Le texte Light Steel Blue est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.78 : 1, ce qui échoue au WCAG. Réservez-la à la décoration ou utilisez-la sur un fond sombre.
Quelles couleurs vont bien avec Light Steel Blue ?
Sa couleur complémentaire est #decab0 ; les couleurs analogues #b0dbde et #b3b0de se trouvent à côté sur le cercle chromatique.