Code couleur Peach Puff (#ffdab9)

Peach Puff est #ffdab9 en hexadécimal et rgb(255, 218, 185) : un orange très clair. Ci-dessous, vous trouverez tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Peach Puff
#ffdab9
Nom CSSpeachpuff
Hex#ffdab9
RGBrgb(255, 218, 185)
HSLhsl(28 100% 86%)
HWBhwb(28 73% 0%)
CMYK0%, 15%, 27%, 0%

Teintes et nuances

Harmonies chromatiques

À propos de Peach Puff

Peach Puff (peachpuff) est un orange très clair et vif, de code hexadécimal #ffdab9, soit rgb(255, 218, 185). En HSL, sa teinte est de 28°, sa saturation de 100 % et sa luminosité de 86 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: peachpuff; à la place de la valeur hexadécimale.

Utiliser Peach Puff pour le texte et les arrière-plans

AssociationRapport de contrasteWCAG
Texte Peach Puff sur blanc1.31 : 1échec
Texte Peach Puff sur noir15.98 : 1AAA

Sur un arrière-plan Peach Puff, utilisez un texte noir (15.98 : 1). Le WCAG exige un rapport d'au moins 4.5 : 1 pour le texte courant et de 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: peachpuff;               /* or #ffdab9 */
  background-color: #ffdab9;
  border: 1px solid rgb(255 218 185 / 50%);
}

Couleurs nommées similaires

Mocassin (#ffe4b5), Blé (#f5deb3), Blanc navajo (#ffdead), Bisque (#ffe4c4), Amande blanchie (#ffebcd), Jonquille pâle (#eee8aa).

Questions fréquentes

Quel est le code hexadécimal de Peach Puff ?
#ffdab9, soit rgb(255, 218, 185) et hsl(28, 100%, 86%). En CSS, vous pouvez aussi simplement écrire peachpuff.
Le texte Peach Puff est-il lisible sur fond blanc ?
Son rapport de contraste sur blanc est de 1.31 : 1, ce qui ne respecte pas le WCAG. Utilisez-la plutôt pour la décoration ou sur un fond sombre.
Quelles couleurs vont bien avec Peach Puff ?
Sa couleur complémentaire est #b8deff ; les couleurs analogues #ffb8ba et #fffdb8 se trouvent juste à côté sur le cercle chromatique.