Code couleur corail (#ff7f50)

Corail est #ff7f50 en hexadécimal et rgb(255, 127, 80) : un orange clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies, et la lisibilité du texte.

Mis à jour le

Corail
#ff7f50
Nom CSScoral
Hex#ff7f50
RGBrgb(255, 127, 80)
HSLhsl(16 100% 66%)
HWBhwb(16 31% 0%)
CMYK0%, 50%, 69%, 0%

Teintes et nuances

Harmonies de couleurs

À propos du corail

Corail (coral) est un orange clair et vif, de code hexadécimal #ff7f50, soit rgb(255, 127, 80). En HSL, sa teinte est de 16°, sa saturation de 100 % et sa luminosité de 66 %. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: coral; à la place de la valeur hexadécimale.

Utiliser le corail pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte corail sur blanc2.50 : 1échec
Texte corail sur noir8.40 : 1AAA

Sur un fond corail, utilisez un texte noir (8.40 : 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: coral;               /* or #ff7f50 */
  background-color: #ff7f50;
  border: 1px solid rgb(255 127 80 / 50%);
}

Couleurs nommées similaires

Tomate (#ff6347), Saumon (#fa8072), Brun sable (#f4a460), Corail clair (#f08080), Saumon foncé (#e9967a), Pérou (#cd853f).

Questions fréquentes

Quel est le code hexadécimal du corail ?
#ff7f50, soit rgb(255, 127, 80) et hsl(16, 100%, 66%). En CSS, vous pouvez aussi simplement écrire coral.
Le texte corail est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 2.50 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou à un fond sombre.
Quelles couleurs se marient bien avec le corail ?
Sa couleur complémentaire est #52d1ff ; les couleurs analogues #ff527a et #ffd752 se trouvent à côté sur le cercle chromatique.