Code couleur Steel Blue (#4682b4)

Steel Blue est #4682b4 en hexadécimal et rgb(70, 130, 180) : un bleu moyen. 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

Steel Blue
#4682b4
Nom CSSsteelblue
Hex#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207 44% 49%)
HWBhwb(207 27% 29%)
CMJN61%, 28%, 0%, 29%

Teintes et nuances

Harmonies de couleurs

À propos de Steel Blue

Steel Blue (steelblue) est un bleu moyen, modérément saturé, de code hexadécimal #4682b4, soit rgb(70, 130, 180). En HSL, sa teinte est de 207°, avec une saturation de 44 % et une luminosité de 49 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: steelblue; à la place de la valeur hexadécimale.

Utiliser Steel Blue pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Steel Blue sur blanc4.11 : 1AA grands textes uniquement
Texte Steel Blue sur noir5.11 : 1AA

Sur un fond bleu acier, utilisez un texte en noir (5.11 : 1). Le WCAG exige au moins 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: steelblue;               /* or #4682b4 */
  background-color: #4682b4;
  border: 1px solid rgb(70 130 180 / 50%);
}

Couleurs nommées similaires

Bleu cadet (#5f9ea0), Bleu royal (#4169e1), Gris ardoise (#708090), Gris ardoise clair (#778899), Bleu ardoise (#6a5acd), Vert mer clair (#20b2aa).

Questions fréquentes

Quel est le code hexadécimal du bleu acier ?
#4682b4, soit rgb(70, 130, 180) et hsl(207, 44%, 49%). En CSS, vous pouvez aussi simplement écrire steelblue.
Le texte bleu acier est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 4.11 : 1, ce qui n'est validé que pour les grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec le bleu acier ?
Sa couleur complémentaire est #b47746 ; les couleurs analogues #46b4ae et #464bb4 se trouvent à côté sur le cercle chromatique.