Palette de couleurs

Couleur bleu ardoise

Un bleu moyen qui tire sur le violet, avec un côté froid et un peu fumé. C'est une couleur standard du CSS, très utilisée dans les interfaces, les illustrations et la déco moderne.

Aussi appelée : slate blue.

Ouvrir dans l'éditeur

Le code HEX de la couleur bleu ardoise est #6A5ACD. En RGB, c'est rgb(106, 90, 205), en HSL hsl(248, 53%, 58%) et en CMJN 48, 56, 0, 20.

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 ardoise

Bleu roi#4169E1Améthyste#9966CCBleu saphir#0F52BAPourpre royal#7851A9Bleu cobalt#0047ABViolet raisin#6F2DA8

Fiche de la couleur bleu ardoise

La couleur bleu ardoise (#6A5ACD) est une couleur froide, de luminosité moyenne et de saturation moyenne. Elle appartient à la famille des bleus. Elle se compose de 106 de rouge, 90 de vert et 205 de bleu (sur 255). Usages courants : web, illustration, décoration.

Échantillon de la couleur Bleu ardoise avec ses nuances du clair au foncé · #6A5ACD
Bleu ardoise · #6A5ACD

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

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

ComplémentaireProche de : Laiton
AnaloguesProche de : Bleu bleuet, Améthyste
TriadeProche de : Terracotta, Vert pastel
Complémentaires adjacentesProche de : Fauve, Vert pastel
TétradeProche de : Rose blush, Laiton, Turquoise

Palettes avec la couleur bleu ardoise

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

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

Contraste de la couleur bleu ardoise avec le texte

Texte blancContraste 5.3:1 · AA
Texte noirContraste 4.0:1 · AA grand texte

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

Code CSS

:root {
  --bleu-ardoise: #6A5ACD;
  --bleu-ardoise-rgb: 106, 90, 205;
}
.fond { background-color: var(--bleu-ardoise); }
.texte { color: var(--bleu-ardoise); }

Couleurs proches de la couleur bleu ardoise

Bleu électriqueBleu KleinBleu jeanAzur

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 océan
Échantillon de la couleur Bleu ardoise avec ses nuances du clair au foncé · #6A5ACD
Échantillon de la couleur Bleu ardoise avec ses nuances du clair au foncé · #6A5ACD

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursRoue personnaliséeÉcrivez vos choix et faites tourner la roue. Couleurs aussiMachine à sous des couleursTirez le levier et obtenez une palette de couleurs
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur bleu ardoise ?

Le code HEX de la couleur bleu ardoise est #6A5ACD. En RGB, c'est rgb(106, 90, 205), en HSL hsl(248, 53%, 58%) et en CMJN 48, 56, 0, 20.

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

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

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

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