Code couleur Corail clair (#f08080)

Corail clair est #f08080 en hexadécimal et rgb(240, 128, 128) : un rouge clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Corail clair
#f08080
Nom CSSlightcoral
Hex#f08080
RGBrgb(240, 128, 128)
HSLhsl(0 79% 72%)
HWBhwb(0 50% 6%)
CMJN0%, 47%, 47%, 6%

Teintes et nuances

Harmonies de couleurs

À propos du corail clair

Corail clair (lightcoral) est un rouge clair et vif, de code hexadécimal #f08080, soit rgb(240, 128, 128). En HSL, sa teinte est de 0°, avec une saturation de 79 % et une luminosité de 72 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: lightcoral; à la place de la valeur hexadécimale.

Utiliser le corail clair pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte corail clair sur blanc2.59 : 1échec
Texte corail clair sur noir8.10 : 1AAA

Sur un fond corail clair, utilisez un texte noir (8.10 : 1). Le WCAG exige au minimum 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: lightcoral;               /* or #f08080 */
  background-color: #f08080;
  border: 1px solid rgb(240 128 128 / 50%);
}

Couleurs nommées similaires

Saumon (#fa8072), Saumon foncé (#e9967a), Rouge violet pâle (#db7093), Saumon clair (#ffa07a), Brun sableux (#f4a460), Corail (#ff7f50).

Questions fréquentes

Quel est le code hexadécimal du corail clair ?
#f08080, soit rgb(240, 128, 128) et hsl(0, 79%, 72%). En CSS, vous pouvez aussi écrire simplement lightcoral.
Le texte corail clair est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 2.59 : 1, ce qui échoue au WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le corail clair ?
Sa couleur complémentaire est #7ff0f0 ; les couleurs analogues #f07fb8 et #f0b87f se trouvent à côté sur le cercle chromatique.