Code couleur tomate (#ff6347)

Tomate est #ff6347 en hexadécimal et rgb(255, 99, 71), un rouge clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Tomate
#ff6347
Nom CSStomato
Hex#ff6347
RGBrgb(255, 99, 71)
HSLhsl(9 100% 64%)
HWBhwb(9 28% 0%)
CMYK0%, 61%, 72%, 0%

Teintes et nuances

Harmonies de couleurs

À propos de la tomate

Tomate (tomato) est un rouge clair et vif, de code hexadécimal #ff6347, soit rgb(255, 99, 71). En HSL, sa teinte est de 9°, sa saturation de 100 % et sa luminosité de 64 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: tomato; à la place de la valeur hexadécimale.

Utiliser la tomate pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte tomate sur blanc2.95 : 1échec
Texte tomate sur noir7.13 : 1AAA

Sur un fond tomate, utilisez un texte en noir (7.13 : 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: tomato;               /* or #ff6347 */
  background-color: #ff6347;
  border: 1px solid rgb(255 99 71 / 50%);
}

Noms de couleurs similaires

Corail (#ff7f50), Saumon (#fa8072), Rouge indien (#cd5c5c), Pérou (#cd853f), Chocolat (#d2691e), Corail clair (#f08080).

Questions fréquentes

Quel est le code hexadécimal de la tomate ?
#ff6347, soit rgb(255, 99, 71) et hsl(9, 100%, 64%). En CSS, vous pouvez aussi simplement écrire tomato.
Le texte tomate est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2.95 : 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 la tomate ?
Sa couleur complémentaire est #47e3ff ; les couleurs analogues #ff4788 et #ffbf47 se trouvent à côté sur le cercle chromatique.