Palette de couleurs

Couleur saumon clair

Un orange rosé et pâle, plus léger que le saumon classique. C'est l'une des couleurs nommées du HTML et du CSS, et il est joli sur des sites doux, des vêtements d'été et en déco.

Ouvrir dans l'éditeur

Le code HEX de la couleur saumon clair est #FFA07A. En RGB, c'est rgb(255, 160, 122), en HSL hsl(17, 100%, 74%) et en CMJN 0, 37, 52, 0.

Voyez-la en vrai

Choisissez une couleur à associer et voyez le rendu sur des vêtements, une déco et un design.

Couleurs proches de la couleur saumon clair

Rose corail#F88379Saumon#FA8072Fauve#E5AA70Terracotta#E2725BTerre de Sienne brûlée#E97451Corail#FF7F50

Fiche de la couleur saumon clair

La couleur saumon clair (#FFA07A) est une couleur chaude, claire et très saturée. Elle appartient à la famille des orangés. Elle se compose de 255 de rouge, 160 de vert et 122 de bleu (sur 255). Usages courants : web, mode, décoration.

Échantillon de la couleur Saumon clair avec ses nuances du clair au foncé · #FFA07A
Saumon clair · #FFA07A

Nuances de la couleur saumon clair : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Voyez toutes ses nuances: Générateur de nuances de couleurs

Harmonies de la couleur saumon clair

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Bleu layette
AnaloguesProche de : Rose pastèque, Jaune pastel
TriadeProche de : Vert menthe, Bleu ardoise
Complémentaires adjacentesProche de : Aigue-marine, Bleu bleuet
TétradeProche de : Vert menthe, Bleu layette, Orchidée

Palettes avec la couleur saumon clair

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Saumon clair
Palette analogue · Saumon clair
Palette complémentaire · Saumon clair
Palette triade · Saumon clair
Palette avec neutres · Saumon clair
Palette avec accent · Saumon clair

Contraste de la couleur saumon clair avec le texte

Texte blancContraste 2.0:1 · Déconseillé
Texte noirContraste 10.6:1 · AAA

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --saumon-clair: #FFA07A;
  --saumon-clair-rgb: 255, 160, 122;
}
.fond { background-color: var(--saumon-clair); }
.texte { color: var(--saumon-clair); }

Couleurs proches de la couleur saumon clair

MelonPêcheMangueBronze

Palettes thématiques avec cette couleur

Palettes de couleurs pour boulangerie et pâtisseriePalettes de couleurs de printempsPalettes de couleurs de PâquesPalettes de couleurs fémininesPalettes de couleurs du désertPalettes de couleurs orange

Autres orangés

OrangeMandarineOrange citrouilleOrange carotteAbricotPêcheCorailTerracottaOrange brûléSaumonRouilleCuivreOrange fluoOrange pastelRouge orangéMangueMelonOrange kakiOrange foncéTerre de Sienne brûléeRose corail
Échantillon de la couleur Saumon clair avec ses nuances du clair au foncé · #FFA07A
Échantillon de la couleur Saumon clair avec ses nuances du clair au foncé · #FFA07A

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursRoue personnaliséeÉcrivez vos choix et faites tourner la roue. Couleurs aussiMachine à sous des couleursTirez le levier et obtenez une palette de couleurs
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur saumon clair ?

Le code HEX de la couleur saumon clair est #FFA07A. En RGB, c'est rgb(255, 160, 122), en HSL hsl(17, 100%, 74%) et en CMJN 0, 37, 52, 0.

Quelle est la complémentaire de la couleur saumon clair ?

Sa complémentaire sur le cercle chromatique est #7AD9FF, une teinte proche de la couleur bleu layette. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur saumon clair ?

Mieux vaut un texte noir : le contraste avec le blanc n'est que de 2.0:1, contre 10.6:1 avec le noir.