Code couleur lavande (#e6e6fa)

Lavande est #e6e6fa en hexadécimal et rgb(230, 230, 250) : un bleu très clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Lavande
#e6e6fa
Nom CSSlavender
Hex#e6e6fa
RGBrgb(230, 230, 250)
HSLhsl(240 67% 94%)
HWBhwb(240 90% 2%)
CMYK8%, 8%, 0%, 2%

Teintes et nuances

Harmonies de couleurs

À propos de la lavande

Lavande (lavender) est un bleu très clair et vif, de code hexadécimal #e6e6fa, soit rgb(230, 230, 250). En HSL, sa teinte est de 240°, sa saturation de 67 % et sa luminosité de 94 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: lavender; à la place de la valeur hexadécimale.

Utiliser la lavande pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte lavande sur blanc1.23 : 1échec
Texte lavande sur noir17.06 : 1AAA

Sur un fond lavande, utilisez un texte en noir (17.06 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: lavender;               /* or #e6e6fa */
  background-color: #e6e6fa;
  border: 1px solid rgb(230 230 250 / 50%);
}

Couleurs nommées similaires

Bleu alice (#f0f8ff), Blanc fumée (#f5f5f5), Blanc fantôme (#f8f8ff), Cyan clair (#e0ffff), Rose lavande (#fff0f5), Azur (#f0ffff).

Questions fréquentes

Quel est le code hexadécimal de la lavande ?
#e6e6fa, soit rgb(230, 230, 250) et hsl(240, 67%, 94%). En CSS, vous pouvez aussi simplement écrire lavender.
Le texte lavande est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.23 : 1, ce qui ne respecte pas le WCAG. Réservez-la à la décoration ou utilisez-la sur un fond sombre.
Quelles couleurs vont bien avec la lavande ?
Sa couleur complémentaire est #fafae5 ; les couleurs analogues #e5f0fa et #f0e5fa se trouvent à côté sur le cercle chromatique.