Guide couleur

Couleur Red

#EF4444

Codes de la couleur red

HEX
#EF4444
RGB
rgb(239, 68, 68)
HSL
hsl(0, 84%, 60%)
OKLCH
oklch(75% 0.04 68)

Ce que signifie le red

Red is the color of energy, passion and urgency. It raises attention levels and stimulates quick decision-making, which is why it dominates sale banners and call-to-action buttons.

Comment l'utiliser en design

Use red sparingly as an accent: primary CTAs, badges and error states. Avoid large background areas in reading interfaces.

Combinaisons de couleurs avec le red

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

Complémentaire

Contraste maximal : #EF4444 + #43EFEF

Ouvrir dans l'éditeur

Analogue

Harmonie à ±30° : #EF4399 · #EF4444 · #EF9943

Triadique

Espacement uniforme de 120° : #EF4444 · #43EF43 · #4343EF

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

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

50 #3F1010
100 #451111
200 #5C1515
300 #861919
400 #C31C1C
500 #EF4343
600 #F09595
700 #F6CFCF
800 #FDF6F6
900 #FFFFFF

Couleurs qui vont bien avec le red

FAQ sur la couleur red

Quel est le code HEX de la couleur red ?

Une valeur HEX très utilisée pour red est #EF4444, ce qui équivaut à rgb(239, 68, 68). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (0°).

Quelles couleurs vont bien avec le red ?

Le red s'accorde magnifiquement avec white, charcoal, gold, navy. Sa couleur complémentaire est le #43EFEF, et un schéma triadique classique ajoute #43EF43 et #4343EF.

Le red 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 red dans du texte ou des éléments d'interface.

Crée ta propre palette red

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

Ouvrir le générateur de palettes