Code couleur bleu nuit (#191970)

Bleu nuit est #191970 en hexadécimal et rgb(25, 25, 112) : un bleu foncé. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu nuit
#191970
Nom CSSmidnightblue
Hex#191970
RGBrgb(25, 25, 112)
HSLhsl(240 64% 27%)
HWBhwb(240 10% 56%)
CMYK78%, 78%, 0%, 56%

Teintes et nuances

Harmonies de couleurs

À propos du bleu nuit

Bleu nuit (midnightblue) est un bleu foncé et vif, de code hexadécimal #191970, soit rgb(25, 25, 112). En HSL, sa teinte est de 240°, sa saturation de 64 % et sa luminosité de 27 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: midnightblue; à la place de la valeur hexadécimale.

Utiliser le bleu nuit pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte bleu nuit sur blanc14.85 : 1AAA
Texte bleu nuit sur noir1.41 : 1échec

Sur un fond bleu nuit, utilisez un texte blanc (14.85 : 1). Le WCAG exige 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: midnightblue;               /* or #191970 */
  background-color: #191970;
  border: 1px solid rgb(25 25 112 / 50%);
}

Couleurs nommées similaires

Bleu marine (#000080), Bleu foncé (#00008b), Indigo (#4b0082), Bleu ardoise foncé (#483d8b), Gris ardoise foncé (#2f4f4f), Pourpre Rebecca (#663399).

Questions fréquentes

Quel est le code hexadécimal du bleu nuit ?
#191970, soit rgb(25, 25, 112) et hsl(240, 64%, 27%). En CSS, vous pouvez aussi écrire simplement midnightblue.
Le texte bleu nuit est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 14.85 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le bleu nuit ?
Sa couleur complémentaire est #717119 ; les couleurs analogues #194571 et #451971 se trouvent à côté sur le cercle chromatique.