Guide couleur

Couleur Coral

#F87166

Codes de la couleur coral

HEX
#F87166
RGB
rgb(248, 113, 102)
HSL
hsl(5, 91%, 69%)
OKLCH
oklch(83% 0.03 76)

Ce que signifie le coral

Coral is warm, organic and welcoming. It softens orange into something friendly and encouraging.

Comment l'utiliser en design

Beautiful for lifestyle brands, travel apps and friendly empty states.

Combinaisons de couleurs avec le coral

Harmonies calculées avec la théorie des couleurs pour la teinte de base 5°.

Complémentaire

Contraste maximal : #F87166 + #68ECF8

Ouvrir dans l'éditeur

Analogue

Harmonie à ±30° : #F868A4 · #F87166 · #F8BC68

Triadique

Espacement uniforme de 120° : #F87166 · #68F874 · #7468F8

Tons de la couleur coral (échelle 50–900)

Échelle style Tailwind prête à l'emploi générée à partir de #F87166.

50 #681C15
100 #6E1D16
200 #872118
300 #B3261A
400 #E93424
500 #F87468
600 #F8BFBA
700 #FEF6F5
800 #FFFFFF
900 #FFFFFF

Couleurs qui vont bien avec le coral

FAQ sur la couleur coral

Quel est le code HEX de la couleur coral ?

Une valeur HEX très utilisée pour coral est #F87166, ce qui équivaut à rgb(248, 113, 102). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (5°).

Quelles couleurs vont bien avec le coral ?

Le coral s'accorde magnifiquement avec teal, mint, cream, navy. Sa couleur complémentaire est le #68ECF8, et un schéma triadique classique ajoute #68F874 et #7468F8.

Le coral est-il accessible pour le texte et les fonds ?

Cela dépend du ratio de contraste avec l'autre couleur. Utilise le vérificateur de contraste de NanoPalettes pour vérifier la conformité WCAG AA (4.5:1) et AAA (7:1) avant d'utiliser le coral dans du texte ou des éléments d'interface.

Crée ta propre palette coral

Génère des combinaisons harmonieuses à partir de #F87166 en quelques secondes.

Ouvrir le générateur de palettes