Palette de couleurs

Couleur bleu marine

Il doit son nom aux uniformes de la Royal Navy britannique. C'est un bleu très foncé, sérieux et facile à associer. Un incontournable des costumes, des uniformes scolaires et de la déco marine.

Aussi appelée : marine, navy.

Bleu marine · #000080

Fiche de la couleur bleu marine

La couleur bleu marine (#000080) est une couleur froide, foncée et très saturée. Elle appartient à la famille des bleus. Elle se compose de 0 de rouge, 0 de vert et 128 de bleu (sur 255). Usages courants : mode, uniformes, décoration.

Nuances de la couleur bleu marine : claires et foncées

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

Couleurs qui vont avec la couleur bleu marine

BlancLe contraste classique du style marin, net et frais.BeigeUn duo élégant et détendu, parfait au quotidien.CamelLa chaleur du camel équilibre la fraîcheur du marine.RougeCrée un contraste fort et sportif.DoréApporte une touche de luxe, très utilisé pour les boutons et les détails.Vieux roseAdoucit le marine et le rend plus romantique.MoutardeUn accent chaud et moderne sur une base sombre.Gris clairUn mélange sobre, parfait pour le bureau.
Comment associer la couleur bleu marine en mode et en déco →

Harmonies de la couleur bleu marine

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

ComplémentaireProche de : Vert olive
AnaloguesProche de : Ultra violet, Indigo
TriadeProche de : Grenat, Vert
Complémentaires adjacentesProche de : Chocolat, Vert
TétradeProche de : Bordeaux, Vert olive, Vert jade

Palettes avec la couleur bleu marine

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

Palette monochrome · Bleu marine
Palette analogue · Bleu marine
Palette complémentaire · Bleu marine
Palette triade · Bleu marine
Palette avec neutres · Bleu marine
Palette avec accent · Bleu marine

Contraste de la couleur bleu marine avec le texte

Texte blancContraste 16.0:1 · AAA
Texte noirContraste 1.3:1 · Déconseillé

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

Code CSS

:root {
  --bleu-marine: #000080;
  --bleu-marine-rgb: 0, 0, 128;
}
.fond { background-color: var(--bleu-marine); }
.texte { color: var(--bleu-marine); }

Couleurs proches de la couleur bleu marine

Bleu outremerBleu foncéIndigoBleu KleinBleu nuitViolet foncéViolet raisinBleu cobaltPourpreBleu saphir

Autres bleus

BleuBleu cielBleu cobaltBleu saphirBleu acierBleu roiBleu électriqueBleu nuitBleu outremerBleu de FranceBleu de PrusseBleu pastelBleu layetteBleu jeanBleu KleinBleu foncéBleu clairBleu céruléen

Questions fréquentes

Quel est le code de la couleur bleu marine ?

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

Quelle est la complémentaire de la couleur bleu marine ?

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

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

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

Quelles couleurs vont avec la couleur bleu marine ?

Elle se marie bien avec : blanc, beige, camel, rouge, doré. Évitez de l'associer au noir si les deux tons se ressemblent trop : on dirait une erreur. Le violet foncé à côté se confond aussi avec lui et brouille l'ensemble.