Code couleur Ivoire (#fffff0)

Ivoire est #fffff0 en hexadécimal et rgb(255, 255, 240) : un jaune très clair. Ci-dessous, vous trouverez 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

Ivoire
#fffff0
Nom CSSivory
Hex#fffff0
RGBrgb(255, 255, 240)
HSLhsl(60 100% 97%)
HWBhwb(60 94% 0%)
CMYK0%, 0%, 6%, 0%

Teintes et nuances

Harmonies de couleurs

À propos de l'Ivoire

Ivoire (ivory) est un jaune très clair et vif, de code hexadécimal #fffff0, soit rgb(255, 255, 240). En HSL, sa teinte est de 60°, sa saturation de 100 % et sa luminosité de 97 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: ivory; à la place de la valeur hexadécimale.

Utiliser l'Ivoire pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte ivoire sur blanc1.01 : 1échec
Texte ivoire sur noir20.81 : 1AAA

Sur un fond ivoire, utilisez un texte en noir (20.81 : 1). Les WCAG exigent un ratio 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: ivory;               /* or #fffff0 */
  background-color: #fffff0;
  border: 1px solid rgb(255 255 240 / 50%);
}

Couleurs nommées similaires

Blanc floral (#fffaf0), Coquillage (#fff5ee), Neige (#fffafa), Crème de menthe (#f5fffa), Dentelle ancienne (#fdf5e6), Rosée de miel (#f0fff0).

Questions fréquentes

Quel est le code hexadécimal de l'ivoire ?
#fffff0, soit rgb(255, 255, 240) et hsl(60, 100%, 97%). En CSS, vous pouvez aussi simplement écrire ivory.
Le texte ivoire est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 1.01 : 1, ce qui ne respecte pas les WCAG. Utilisez-le plutôt pour la décoration ou sur un fond sombre.
Quelles couleurs vont bien avec l'ivoire ?
Sa couleur complémentaire est #f0f0ff. Les couleurs analogues #fff7f0 et #f7fff0 se trouvent à ses côtés sur le cercle chromatique.