Code couleur Bleu cadet (#5f9ea0)

Bleu cadet est #5f9ea0 en hexa et rgb(95, 158, 160) : un cyan moyen. Vous trouverez ci-dessous tous les formats de couleur, les teintes et nuances, les harmonies et sa lisibilité en tant que texte.

Mis à jour le

Bleu cadet
#5f9ea0
Nom CSScadetblue
Hexa#5f9ea0
RGBrgb(95, 158, 160)
HSLhsl(182 25% 50%)
HWBhwb(182 37% 37%)
CMJN41%, 1%, 0%, 37%

Teintes et nuances

Harmonies de couleurs

À propos du bleu cadet

Bleu cadet (cadetblue) est un cyan moyen, modérément saturé, de code hexa #5f9ea0, soit rgb(95, 158, 160). En HSL, sa teinte est de 182°, sa saturation de 25 % et sa luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: cadetblue; à la place de la valeur hexa.

Utiliser le bleu cadet pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte bleu cadet sur blanc3,05 : 1AA grands textes uniquement
Texte bleu cadet sur noir6,88 : 1AA

Sur un arrière-plan bleu cadet, utilisez un texte en noir (6,88 : 1). Les WCAG exigent au moins 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: cadetblue;               /* or #5f9ea0 */
  background-color: #5f9ea0;
  border: 1px solid rgb(95 158 160 / 50%);
}

Couleurs nommées similaires

Gris ardoise clair (#778899), Gris ardoise (#708090), Bleu acier (#4682b4), Aigue-marine moyen (#66cdaa), Gris (#808080), Vert mer foncé (#8fbc8f).

Questions fréquentes

Quel est le code hexa du bleu cadet ?
#5f9ea0, soit rgb(95, 158, 160) et hsl(182, 25%, 50%). En CSS, vous pouvez aussi simplement écrire cadetblue.
Le texte bleu cadet est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 3,05 : 1, ce qui ne convient qu'aux grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec le bleu cadet ?
Sa couleur complémentaire est #9f6260 ; les couleurs analogues #609f82 et #607d9f se trouvent à côté sur le cercle chromatique.