Farb-Guide

Die Farbe Red

#EF4444

Farbcodes von red

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

Was red bedeutet

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.

So wird es im Design eingesetzt

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

Farbkombinationen mit red

Harmonien, berechnet mit Farbtheorie für den Basiston 0°.

Komplementär

Maximaler Kontrast: #EF4444 + #43EFEF

Im Editor öffnen

Analog

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

Triadisch

Gleichmäßiger 120°-Abstand: #EF4444 · #43EF43 · #4343EF

red-Töne (50–900-Skala)

Fertige Tailwind-artige Skala, generiert aus #EF4444.

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

FAQ zur Farbe red

Was ist der HEX-Code von red?

Ein häufig verwendeter HEX-Wert für red ist #EF4444, entsprechend rgb(239, 68, 68). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (0°) beibehalten.

Welche Farben passen gut zu red?

red harmoniert wunderbar mit white, charcoal, gold, navy. Die Komplementärfarbe ist #43EFEF, und ein klassisches triadisches Schema ergänzt #43EF43 und #4343EF.

Ist red barrierefrei für Text und Hintergründe?

Das hängt vom Kontrastverhältnis zur anderen Farbe ab. Nutze den NanoPalettes-Kontrast-Prüfer, um die WCAG-AA (4.5:1)- und AAA (7:1)-Konformität zu prüfen, bevor du red in Text oder UI-Elementen einsetzt.

Erstelle deine eigene red-Palette

Erzeuge harmonische Kombinationen aus #EF4444 in Sekunden.

Palettengenerator öffnen