Code couleur bleu foncé (#00008b)

Bleu foncé est #00008b en hexa et rgb(0, 0, 139) — un bleu foncé. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies, et sa lisibilité en tant que texte.

Mis à jour le

Bleu foncé
#00008b
Nom CSSdarkblue
Hexa#00008b
RGBrgb(0, 0, 139)
HSLhsl(240 100% 27%)
HWBhwb(240 0% 45%)
CMYK100%, 100%, 0%, 45%

Teintes et nuances

Harmonies de couleurs

À propos du bleu foncé

Bleu foncé (darkblue) est un bleu foncé et vif, de code hexa #00008b, soit rgb(0, 0, 139). En HSL, il se situe à une teinte de 240°, une saturation de 100 % et une luminosité de 27 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: darkblue; à la place de la valeur hexa.

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

AssociationRatio de contrasteWCAG
Texte bleu foncé sur blanc15.30 : 1AAA
Texte bleu foncé sur noir1.37 : 1échec

Sur un arrière-plan bleu foncé, utilisez un texte en blanc (15.30 : 1). Le WCAG exige au minimum 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: darkblue;               /* or #00008b */
  background-color: #00008b;
  border: 1px solid rgb(0 0 139 / 50%);
}

Couleurs nommées similaires

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

Questions fréquentes

Quel est le code hexa du bleu foncé ?
#00008b — soit rgb(0, 0, 139) et hsl(240, 100%, 27%). En CSS, vous pouvez aussi écrire simplement darkblue.
Le texte bleu foncé est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 15.30 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le bleu foncé ?
Sa couleur complémentaire est #8a8a00 ; les couleurs analogues #00458a et #45008a se trouvent à côté sur le cercle chromatique.