Couleur bleu

L'une des trois couleurs de lumière de tout écran, avec le rouge et le vert. Il évoque le calme, la confiance et l'ordre. C'est la couleur la plus fréquente dans les logos de banques, d'entreprises tech et de réseaux sociaux.

Aussi appelée : bleu pur.

Bleu · #0000FF

Fiche de la couleur bleu

La couleur bleu (#0000FF) est une couleur froide, de luminosité moyenne et très saturée. Elle appartient à la famille des bleus. Elle se compose de 0 de rouge, 0 de vert et 255 de bleu (sur 255). Usages courants : logos, web, image de marque, mode.

Nuances de la couleur bleu : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Couleurs qui vont avec la couleur bleu

BlancFrais et net, comme la mer et les nuages.OrangeSa complémentaire, pour un contraste maximal.GrisSobre et professionnel.JauneJoyeux et lumineux.BeigeChaleur et équilibre.RoseUn contraste doux et moderne.ChocolatUn mélange classique et naturel.VertSon voisin naturel, frais et serein.

Comment associer la couleur bleu en mode et en déco →

Harmonies de la couleur bleu

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Jaune

AnaloguesProche de : Bleu électrique, Violet

TriadeProche de : Rouge, Vert fluo

Complémentaires adjacentesProche de : Orange, Chartreuse

TétradeProche de : Rose vif, Jaune, Vert menthe

Palettes avec la couleur bleu

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Bleu

Palette analogue · Bleu

Palette complémentaire · Bleu

Palette triade · Bleu

Palette avec neutres · Bleu

Palette avec accent · Bleu

Contraste de la couleur bleu avec le texte

Texte blancContraste 8.6:1 · AAA

Texte noirContraste 2.4:1 · Déconseillé

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --bleu: #0000FF;
  --bleu-rgb: 0, 0, 255;
}
.fond { background-color: var(--bleu); }
.texte { color: var(--bleu); }

Couleurs proches de la couleur bleu

Violet Violet foncé Bleu foncé Bleu outremer Bleu marine Magenta Bleu Klein Violet raisin Indigo Bleu électrique

Autres bleus

Bleu marine Bleu ciel Bleu cobalt Bleu saphir Bleu acier Bleu roi Bleu électrique Bleu nuit Bleu outremer Bleu de France Bleu de Prusse Bleu pastel Bleu layette Bleu jean Bleu Klein Bleu foncé Bleu clair Bleu céruléen

Questions fréquentes

Quel est le code de la couleur bleu ?

Le code HEX de la couleur bleu est #0000FF. En RGB, c'est rgb(0, 0, 255), en HSL hsl(240, 100%, 50%) et en CMJN 100, 100, 0, 0.

Quelle est la complémentaire de la couleur bleu ?

Sa complémentaire sur le cercle chromatique est #FFFF00, une teinte proche de la couleur jaune. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur bleu ?

Oui. Le contraste avec le blanc est de 8.6:1, suffisant pour du texte normal (WCAG AA).

Quelles couleurs vont avec la couleur bleu ?

Elle se marie bien avec : blanc, orange, gris, jaune, beige. Évitez de mélanger trop de bleus très différents sans neutre : le rendu est désordonné. Avec des violets intenses, le bleu perd en clarté.