Palette de couleurs

Couleur jaune citron

Un jaune vif et acidulé avec une légère touche de vert. Il paraît frais et énergique. On le retrouve sur les emballages de boissons, les produits ménagers et les vêtements d'été.

Aussi appelée : citron.

Jaune citron · #FFF700

Fiche de la couleur jaune citron

La couleur jaune citron (#FFF700) est une couleur chaude, de luminosité moyenne et très saturée. Elle appartient à la famille des jaunes. Elle se compose de 255 de rouge, 247 de vert et 0 de bleu (sur 255). Usages courants : web, été, enfants.

Nuances de la couleur jaune citron : claires et foncées

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

Harmonies de la couleur jaune citron

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

ComplémentaireProche de : Bleu
AnaloguesProche de : Orange, Chartreuse
TriadeProche de : Cyan, Magenta
Complémentaires adjacentesProche de : Bleu roi, Violet
TétradeProche de : Vert menthe, Bleu, Rose vif

Palettes avec la couleur jaune citron

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

Palette monochrome · Jaune citron
Palette analogue · Jaune citron
Palette complémentaire · Jaune citron
Palette triade · Jaune citron
Palette avec neutres · Jaune citron
Palette avec accent · Jaune citron

Contraste de la couleur jaune citron avec le texte

Texte blancContraste 1.1:1 · Déconseillé
Texte noirContraste 18.6:1 · AAA

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

Code CSS

:root {
  --jaune-citron: #FFF700;
  --jaune-citron-rgb: 255, 247, 0;
}
.fond { background-color: var(--jaune-citron); }
.texte { color: var(--jaune-citron); }

Couleurs proches de la couleur jaune citron

JauneJaune canariDoréJaune fluoJaune maïsVert citronJaune tournesolSafranAmbreJaune moutarde

Autres jaunes

JauneDoréVieil orJaune moutardeAmbreBléMielJaune canariSafranChampagneJaune pastelJaune fluoJaune maïsJaune tournesol

Questions fréquentes

Quel est le code de la couleur jaune citron ?

Le code HEX de la couleur jaune citron est #FFF700. En RGB, c'est rgb(255, 247, 0), en HSL hsl(58, 100%, 50%) et en CMJN 0, 3, 100, 0.

Quelle est la complémentaire de la couleur jaune citron ?

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

Peut-on mettre du texte blanc sur la couleur jaune citron ?

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