Palette de couleurs

Couleur bleu océan

Un bleu riche, moyennement foncé, qui évoque les eaux profondes du grand large. Il est très apprécié dans la déco bord de mer, la mode marinière et les marques qui veulent inspirer confiance.

Aussi appelée : bleu mer.

Ouvrir dans l'éditeur

Le code HEX de la couleur bleu océan est #005A9C. En RGB, c'est rgb(0, 90, 156), en HSL hsl(205, 100%, 31%) et en CMJN 100, 42, 0, 39.

Voyez-la en vrai

Choisissez une couleur à associer et voyez le rendu sur des vêtements, une déco et un design.

Couleurs proches de la couleur bleu océan

Bleu de France#0072BBBleu jean#1560BDBleu acier#4682B4Bleu céruléen#007BA7Ultra violet#5F4B8BBleu de Prusse#003153

Fiche de la couleur bleu océan

La couleur bleu océan (#005A9C) 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, 90 de vert et 156 de bleu (sur 255). Usages courants : décoration, image de marque, mode.

Échantillon de la couleur Bleu océan avec ses nuances du clair au foncé · #005A9C
Bleu océan · #005A9C

Nuances de la couleur bleu océan : claires et foncées

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

Voyez toutes ses nuances: Générateur de nuances de couleurs

Harmonies de la couleur bleu océan

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

ComplémentaireProche de : Marron
AnaloguesProche de : Cyan foncé, Bleu foncé
TriadeProche de : Rose foncé, Vert avocat
Complémentaires adjacentesProche de : Canneberge, Vert olive
TétradeProche de : Pourpre, Marron, Vert Kelly

Palettes avec la couleur bleu océan

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

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

Contraste de la couleur bleu océan avec le texte

Texte blancContraste 7.1:1 · AAA
Texte noirContraste 2.9:1 · Déconseillé

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

Code CSS

:root {
  --bleu-ocean: #005A9C;
  --bleu-ocean-rgb: 0, 90, 156;
}
.fond { background-color: var(--bleu-ocean); }
.texte { color: var(--bleu-ocean); }

Couleurs proches de la couleur bleu océan

Bleu cobaltBleu saphirBleu bleuetBleu pétrole

Où voir cette couleur

PanamaDrapeauxFC BarceloneÉquipes de footballPepsiMarquesReal MadridÉquipes de footballTigres UANLÉquipes de football

Palettes thématiques avec cette couleur

Palettes de couleurs monochromesPalettes de couleurs professionnelles et d'entreprisePalettes de couleurs bleuesPalettes de couleurs avec du noir

Autres bleus

BleuBleu marineBleu cielBleu cobaltBleu saphirBleu acierBleu roiBleu électriqueBleu nuitBleu outremerBleu de FranceBleu de PrusseBleu pastelBleu layetteBleu jeanBleu KleinBleu foncéBleu clairBleu céruléenBleu pervencheAzurBleu bleuetBleu griséBleu poudre
Échantillon de la couleur Bleu océan avec ses nuances du clair au foncé · #005A9C
Échantillon de la couleur Bleu océan avec ses nuances du clair au foncé · #005A9C

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursForme de visageDécouvrez votre forme de visage, les coupes et lunettes qui vous vontRoue personnaliséeÉcrivez vos choix et faites tourner la roue. Couleurs aussi
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur bleu océan ?

Le code HEX de la couleur bleu océan est #005A9C. En RGB, c'est rgb(0, 90, 156), en HSL hsl(205, 100%, 31%) et en CMJN 100, 42, 0, 39.

Quelle est la complémentaire de la couleur bleu océan ?

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

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

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