Code couleur saumon (#fa8072)

Saumon est #fa8072 en hexadécimal et rgb(250, 128, 114), un rouge clair. Vous trouverez 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

Saumon
#fa8072
Nom CSSsalmon
Hex#fa8072
RGBrgb(250, 128, 114)
HSLhsl(6 93% 71%)
HWBhwb(6 45% 2%)
CMJN0%, 49%, 54%, 2%

Teintes et nuances

Harmonies de couleurs

À propos du saumon

Saumon (salmon) est un rouge clair et vif, de code hexadécimal #fa8072, soit rgb(250, 128, 114). En HSL, sa teinte est de 6°, sa saturation de 93% et sa luminosité de 71%. Elle fait partie des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: salmon; à la place de la valeur hexadécimale.

Utiliser le saumon pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte saumon sur blanc2.50 : 1échec
Texte saumon sur noir8.40 : 1AAA

Sur un arrière-plan saumon, utilisez un texte en noir (8.40 : 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: salmon;               /* or #fa8072 */
  background-color: #fa8072;
  border: 1px solid rgb(250 128 114 / 50%);
}

Couleurs nommées similaires

Corail clair (#f08080), Saumon foncé (#e9967a), Saumon clair (#ffa07a), Corail (#ff7f50), Brun sablé (#f4a460), Rouge violet pâle (#db7093).

Questions fréquentes

Quel est le code hexadécimal du saumon ?
#fa8072, soit rgb(250, 128, 114) et hsl(6, 93%, 71%). En CSS, vous pouvez aussi simplement écrire salmon.
Le texte saumon est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2.50 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs s'accordent bien avec le saumon ?
Sa couleur complémentaire est #70ecfa ; les couleurs analogues #fa70a7 et #fac370 se trouvent à ses côtés sur le cercle chromatique.