Palette de couleurs

Couleur violet clair

Un violet doux et pâle à la tonalité froide. Il est très populaire dans les chambres de petites filles, les mariages de printemps et les designs paisibles.

Aussi appelée : lilas clair, mauve clair.

Le code HEX de la couleur violet clair est #CBC3E3. En RGB, c'est rgb(203, 195, 227), en HSL hsl(255, 36%, 83%) et en CMJN 11, 14, 0, 11.

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 violet clair

Chardon#D8BFD8Lilas pastel#DCD0FFBleu pervenche#CCCCFFLilas#C8A2C8Bleu pastel#AEC6CFArgent#C0C0C0

Fiche de la couleur violet clair

La couleur violet clair (#CBC3E3) est une couleur froide, claire et de saturation moyenne. Elle appartient à la famille des violets. Elle se compose de 203 de rouge, 195 de vert et 227 de bleu (sur 255). Usages courants : enfants, mariages, décoration.

Échantillon de la couleur Violet clair avec ses nuances du clair au foncé · #CBC3E3
Violet clair · #CBC3E3

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

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

ComplémentaireProche de : Blanc perle
AnaloguesProche de : Chardon
TriadeProche de : Blanc os, Bleu œuf de canard
Complémentaires adjacentesProche de : Avoine, Beige
TétradeProche de : Quartz rose, Blanc perle, Bleu poudre

Palettes avec la couleur violet clair

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

Palette monochrome · Violet clair
Palette analogue · Violet clair
Palette complémentaire · Violet clair
Palette triade · Violet clair
Palette avec neutres · Violet clair
Palette avec accent · Violet clair

Contraste de la couleur violet clair avec le texte

Texte blancContraste 1.7:1 · Déconseillé
Texte noirContraste 12.5:1 · AAA

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

Code CSS

:root {
  --violet-clair: #CBC3E3;
  --violet-clair-rgb: 203, 195, 227;
}
.fond { background-color: var(--violet-clair); }
.texte { color: var(--violet-clair); }

Couleurs proches de la couleur violet clair

Gris clairGris perleGris chinéRose pastel

Palettes thématiques avec cette couleur

Autres violets

VioletViolet foncéPourpreLilasLavandeMauvePruneAméthysteAubergineOrchidéeIndigoViolet raisinGlycineLilas pastelUltra violetLavande cendréeMûrePourpre royalChardonPourpre de TyrViolet sombre
Échantillon de la couleur Violet clair avec ses nuances du clair au foncé · #CBC3E3
Échantillon de la couleur Violet clair avec ses nuances du clair au foncé · #CBC3E3

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursDe quelle couleur est votre voix ?Parlez 5 secondes et transformez votre voix en couleurCouleurs des 16 types de personnalitéRépondez à 8 questions et obtenez votre couleur
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur violet clair ?

Le code HEX de la couleur violet clair est #CBC3E3. En RGB, c'est rgb(203, 195, 227), en HSL hsl(255, 36%, 83%) et en CMJN 11, 14, 0, 11.

Quelle est la complémentaire de la couleur violet clair ?

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

Peut-on mettre du texte blanc sur la couleur violet clair ?

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