devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Coral Farbcode (#ff7f50)

Coral ist #ff7f50 im Hex-Format und rgb(255, 127, 80) — ein helles Orange. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Coral
#ff7f50
CSS-Namecoral
Hex#ff7f50
RGBrgb(255, 127, 80)
HSLhsl(16 100% 66%)
HWBhwb(16 31% 0%)
CMYK0%, 50%, 69%, 0%

Töne und Schattierungen

#ffe5dc#ffccb9#ffb296#ff9973Basis
#ff7f50#cc6640#994c30#663320#331910

Farbharmonien

Komplementär
#52d1ffAnalog
#ff527aAnalog
#ffd752Triadisch
#52ff80Triadisch
#8052ff

Über Coral

Coral (coral) ist ein helles, lebhaftes Orange mit dem Hex-Code #ff7f50 oder rgb(255, 127, 80). Im HSL-Modell liegt es bei einem Farbton von 16°, 100% Sättigung und 66% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: coral; statt des Hex-Werts schreiben.

Coral für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Coral-Text auf Weiß2.50 : 1nicht bestanden
Coral-Text auf Schwarz8.40 : 1AAA

Auf einem Coral-Hintergrund nimm schwarzen Text (8.40 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: coral;               /* or #ff7f50 */
  background-color: #ff7f50;
  border: 1px solid rgb(255 127 80 / 50%);
}

Ähnliche benannte Farben

Tomate (#ff6347), Lachs (#fa8072), Sandbraun (#f4a460), Helles Coral (#f08080), Dunkles Lachs (#e9967a), Peru (#cd853f).

Häufige Fragen

Welcher Hex-Code gehört zu Coral?
#ff7f50 — das entspricht rgb(255, 127, 80) und hsl(16, 100%, 66%). In CSS kannst du auch einfach coral schreiben.
Ist Coral-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.50 : 1 und besteht damit nicht den WCAG-Test. Nutze die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Coral?
Die Komplementärfarbe ist #52d1ff; die analogen Farben #ff527a und #ffd752 liegen im Farbkreis direkt daneben.