Palette de couleurs

Couleur azur

Un bleu vif et lumineux entre le bleu pur et le cyan, comme un ciel dégagé en plein midi. Le mot vient du lapis-lazuli, via le persan et l'arabe, et on le retrouve sur les sites web, les drapeaux et la Côte d'Azur.

Aussi appelée : bleu azur.

Le code HEX de la couleur azur est #007FFF. En RGB, c'est rgb(0, 127, 255), en HSL hsl(210, 100%, 50%) et en CMJN 100, 50, 0, 0.

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 azur

Bleu électrique#2C75FFBleu roi#4169E1Bleu saphir#0F52BABleu jean#1560BDBleu ardoise#6A5ACDBleu bleuet#6495ED

Fiche de la couleur azur

La couleur azur (#007FFF) 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, 127 de vert et 255 de bleu (sur 255). Usages courants : web, image de marque, sport.

Échantillon de la couleur Azur avec ses nuances du clair au foncé · #007FFF
Azur · #007FFF

Nuances de la couleur azur : 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 azur

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

ComplémentaireProche de : Orange
AnaloguesProche de : Cyan, Bleu
TriadeProche de : Rose vif, Chartreuse
Complémentaires adjacentesProche de : Rouge, Jaune
TétradeProche de : Magenta, Orange, Vert fluo

Palettes avec la couleur azur

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

Palette monochrome · Azur
Palette analogue · Azur
Palette complémentaire · Azur
Palette triade · Azur
Palette avec neutres · Azur
Palette avec accent · Azur

Contraste de la couleur azur avec le texte

Texte blancContraste 3.8:1 · AA grand texte
Texte noirContraste 5.5:1 · AA

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

Code CSS

:root {
  --azur: #007FFF;
  --azur-rgb: 0, 127, 255;
}
.fond { background-color: var(--azur); }
.texte { color: var(--azur); }

Couleurs proches de la couleur azur

Bleu cobaltBleu de FranceAméthysteBleu Klein

Où voir cette couleur

GoogleMarquesFacebookMarques

Palettes thématiques avec cette couleur

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 pervencheBleu bleuetBleu griséBleu océanBleu poudre
Échantillon de la couleur Azur avec ses nuances du clair au foncé · #007FFF
Échantillon de la couleur Azur avec ses nuances du clair au foncé · #007FFF

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursAnalyse colorimétrique par selfieTrouvez votre saison et vos meilleures couleurs en une photoDe quelle couleur est votre voix ?Parlez 5 secondes et transformez votre voix en couleur
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur azur ?

Le code HEX de la couleur azur est #007FFF. En RGB, c'est rgb(0, 127, 255), en HSL hsl(210, 100%, 50%) et en CMJN 100, 50, 0, 0.

Quelle est la complémentaire de la couleur azur ?

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

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

Mieux vaut un texte noir : le contraste avec le blanc n'est que de 3.8:1, contre 5.5:1 avec le noir.