Code couleur Bleu bleuet (#6495ed)

Bleu bleuet est #6495ed en hexadécimal et rgb(100, 149, 237) : un bleu clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies, ainsi que la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Bleu bleuet
#6495ed
Nom CSScornflowerblue
Hex#6495ed
RGBrgb(100, 149, 237)
HSLhsl(219 79% 66%)
HWBhwb(219 39% 7%)
CMJN58%, 37%, 0%, 7%

Teintes et nuances

Harmonies de couleurs

À propos du Bleu bleuet

Bleu bleuet (cornflowerblue) est un bleu clair et vif, de code hexadécimal #6495ed, soit rgb(100, 149, 237). En HSL, sa teinte est de 219°, avec une saturation de 79 % et une luminosité de 66 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: cornflowerblue; à la place de la valeur hexadécimale.

Utiliser le Bleu bleuet pour le texte et les arrière-plans

AssociationRapport de contrasteWCAG
Texte Bleu bleuet sur blanc2.97 : 1échec
Texte Bleu bleuet sur noir7.06 : 1AAA

Sur un fond bleu bleuet, utilisez un texte en noir (7.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: cornflowerblue;               /* or #6495ed */
  background-color: #6495ed;
  border: 1px solid rgb(100 149 237 / 50%);
}

Noms de couleurs similaires

Bleu ardoise moyen (#7b68ee), Bleu royal (#4169e1), Violet moyen (#9370db), Bleu ciel (#87ceeb), Bleu acier (#4682b4), Bleu ardoise (#6a5acd).

Questions fréquentes

Quel est le code hexadécimal du bleu bleuet ?
#6495ed, soit rgb(100, 149, 237) et hsl(219, 79%, 66%). En CSS, vous pouvez aussi simplement écrire cornflowerblue.
Le texte bleu bleuet est-il lisible sur blanc ?
Son rapport de contraste sur blanc est de 2.97 : 1, ce qui ne respecte pas le WCAG. Utilisez-le plutôt à titre décoratif ou sur un fond sombre.
Quelles couleurs vont bien avec le bleu bleuet ?
Sa couleur complémentaire est #edbd64 ; les couleurs analogues #64d8ed et #7864ed se trouvent à côté sur le cercle chromatique.