Code couleur bleu (#0000ff)

Bleu correspond à #0000ff en hexadécimal et à rgb(0, 0, 255) — un bleu moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu
#0000ff
Nom CSSblue
Hex#0000ff
RGBrgb(0, 0, 255)
HSLhsl(240 100% 50%)
HWBhwb(240 0% 0%)
CMYK100%, 100%, 0%, 0%

Teintes et nuances

Harmonies de couleurs

À propos du bleu

Bleu (blue) est un bleu moyen et vif, de code hexadécimal #0000ff, soit rgb(0, 0, 255). En HSL, il se situe à une teinte de 240°, une saturation de 100 % et une luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: blue; à la place de la valeur hexadécimale.

Utiliser le bleu pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte bleu sur blanc8.59 : 1AAA
Texte bleu sur noir2.44 : 1échec

Sur un fond bleu, utilisez un texte blanc (8.59 : 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: blue;               /* or #0000ff */
  background-color: #0000ff;
  border: 1px solid rgb(0 0 255 / 50%);
}

Couleurs nommées similaires

Bleu moyen (#0000cd), Bleu foncé (#00008b), Bleu marine (#000080), Bleu roi (#4169e1), Indigo (#4b0082), Bleu dodger (#1e90ff).

Questions fréquentes

Quel est le code hexadécimal du bleu ?
#0000ff — soit rgb(0, 0, 255) et hsl(240, 100%, 50%). En CSS, vous pouvez aussi simplement écrire blue.
Le texte bleu est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 8.59 : 1, ce qui respecte le niveau WCAG AA pour le texte courant.
Quelles couleurs vont bien avec le bleu ?
Sa couleur complémentaire est #ffff00 ; les couleurs analogues #0080ff et #8000ff se trouvent à côté sur le cercle chromatique.