Farb-Guide

Die Farbe Coral

#F87166

Farbcodes von coral

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

Was coral bedeutet

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

So wird es im Design eingesetzt

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

Farbkombinationen mit coral

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

Komplementär

Maximaler Kontrast: #F87166 + #68ECF8

Im Editor öffnen

Analog

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

Triadisch

Gleichmäßiger 120°-Abstand: #F87166 · #68F874 · #7468F8

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

Fertige Tailwind-artige Skala, generiert aus #F87166.

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

Farben, die gut zu coral passen

FAQ zur Farbe coral

Was ist der HEX-Code von coral?

Ein häufig verwendeter HEX-Wert für coral ist #F87166, entsprechend rgb(248, 113, 102). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (5°) beibehalten.

Welche Farben passen gut zu coral?

coral harmoniert wunderbar mit teal, mint, cream, navy. Die Komplementärfarbe ist #68ECF8, und ein klassisches triadisches Schema ergänzt #68F874 und #7468F8.

Ist coral 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 coral in Text oder UI-Elementen einsetzt.

Erstelle deine eigene coral-Palette

Erzeuge harmonische Kombinationen aus #F87166 in Sekunden.

Palettengenerator öffnen