Code couleur Saumon clair (#ffa07a)

Saumon clair correspond à #ffa07a en hexadécimal et rgb(255, 160, 122) : c'est un orange 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 clair
#ffa07a
Nom CSSlightsalmon
Hex#ffa07a
RGBrgb(255, 160, 122)
HSLhsl(17 100% 74%)
HWBhwb(17 48% 0%)
CMYK0%, 37%, 52%, 0%

Teintes et nuances

Harmonies chromatiques

À propos du Saumon clair

Saumon clair (lightsalmon) est un orange clair et vif, de code hexadécimal #ffa07a, soit rgb(255, 160, 122). En HSL, sa teinte est de 17°, sa saturation de 100 % et sa luminosité de 74 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: lightsalmon; à la place de la valeur hexadécimale.

Utiliser le Saumon clair pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Saumon clair sur blanc1.99 : 1échec
Texte Saumon clair sur noir10.56 : 1AAA

Sur un fond saumon clair, utilisez un texte en noir (10.56 : 1). Le WCAG exige 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: lightsalmon;               /* or #ffa07a */
  background-color: #ffa07a;
  border: 1px solid rgb(255 160 122 / 50%);
}

Couleurs nommées similaires

Saumon foncé (#e9967a), Brun sable (#f4a460), Saumon (#fa8072), Corail clair (#f08080), Bois clair (#deb887), Havane (#d2b48c).

Questions fréquentes

Quel est le code hexadécimal du saumon clair ?
#ffa07a, soit rgb(255, 160, 122) et hsl(17, 100%, 74%). En CSS, vous pouvez aussi écrire simplement lightsalmon.
Le texte en saumon clair est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.99 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le saumon clair ?
Sa couleur complémentaire est #7ad9ff ; les couleurs analogues #ff7a97 et #ffe27a se trouvent à côté sur le cercle chromatique.