Code couleur bleu marine (#000080)

Bleu marine est #000080 en hexadécimal et rgb(0, 0, 128) : un bleu foncé. Ci-dessous, vous trouverez chaque format de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Bleu marine
#000080
Nom CSSnavy
Hexadécimal#000080
RGBrgb(0, 0, 128)
HSLhsl(240 100% 25%)
HWBhwb(240 0% 50%)
CMJN100%, 100%, 0%, 50%

Teintes et nuances

Harmonies de couleurs

À propos du bleu marine

Bleu marine (navy) est un bleu foncé et vif, de code hexadécimal #000080, soit rgb(0, 0, 128). En HSL, sa teinte est de 240°, sa saturation de 100 % et sa luminosité de 25 %. Il fait partie des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: navy; à la place de la valeur hexadécimale.

Utiliser le bleu marine pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte bleu marine sur blanc16,01 : 1AAA
Texte bleu marine sur noir1,31 : 1échec

Sur un fond bleu marine, utilisez du texte blanc (16,01 : 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: navy;               /* or #000080 */
  background-color: #000080;
  border: 1px solid rgb(0 0 128 / 50%);
}

Couleurs nommées similaires

Bleu foncé (#00008b), Bleu nuit (#191970), Indigo (#4b0082), Bleu moyen (#0000cd), Bleu ardoise foncé (#483d8b), Gris ardoise foncé (#2f4f4f).

Questions fréquentes

Quel est le code hexadécimal du bleu marine ?
#000080, soit rgb(0, 0, 128) et hsl(240, 100%, 25%). En CSS, vous pouvez aussi écrire simplement navy.
Le texte bleu marine est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 16,01 : 1, ce qui respecte le niveau AA du WCAG pour le texte courant.
Quelles couleurs vont bien avec le bleu marine ?
Sa couleur complémentaire est #808000 ; les couleurs analogues #004080 et #400080 se trouvent à côté sur le cercle chromatique.