Coral Farbe

Koralle — Die Farbe der Wärme und Vitalität

#FF7F50Coral

Farbwerte

HEX#FF7F50

RGBrgb(255, 127, 80)

HSLhsl(16°, 100%, 66%)

CSScoral

Farbton-Palette

#FFF0EB

100

#FFD5C7

300

#FFA380

500

#FF7F50

700

#CC4A1A

900

#7A1F00

Komplementärfarbe

↔

#007FAF

Cerulean

Analoge Farben

#FF6347

Tomato

#FFA07A

Light Salmon

CSS-Verwendung

CSS

/* By name */
color: coral;
background-color: coral;

/* By HEX */
color: #FF7F50;
background-color: #FF7F50;

/* By RGB */
color: rgb(255, 127, 80);

/* By HSL */
color: hsl(16deg, 100%, 66%);

/* With opacity */
color: rgba(255, 127, 80, 0.8);
color: hsl(16deg 100% 66% / 80%);

Koralle (#FF7F50) erfüllt als Textfarbe auf weißem Hintergrund möglicherweise nicht die WCAG-AA-Anforderungen. Für Text verwenden Sie #E8572A oder #CC4A1A, und setzen Sie Koralle selbst für Hintergründe oder dekorative Schaltflächen ein.

Koralle (#FF7F50) liegt zwischen Rot und Orange und bietet einen warmen, energetischen und freundlichen Farbton. Benannt nach lebhaften Korallenriffen, vermittelt sie Energie, Verspieltheit, Wärme und Kreativität. 2019 wurde Koralle als Pantone-Farbe des Jahres (Living Coral) ausgezeichnet. Im UI-Design eignet sie sich gut für CTA-Buttons, hervorgehobenen Text und Akzentfarben in Lifestyle-Produkten.

Häufige Verwendungsfälle

▸CTA-Buttons — 'Kaufen', 'Anmelden', 'Starten' mit freundlicher Energie
▸Lifestyle- und Beauty-Marken — trendiges, lebendiges UI
▸Illustrationsakcente — Wärme zu sachlichen Interfaces hinzufügen
▸Event- und Werbebanner — aufmerksamkeitsstarke Akzentfarbe
▸Food- und Getränke-Apps — appetitanregende Warmtöne
▸Kinder-Apps und Bildung — helle, freundliche Atmosphäre

Coral Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben