Zum Farbwähler springen

Koralle: Farbcode #ff7f50

Koralle ist #ff7f50, in RGB rgb(255, 127, 80) und in OKLCH oklch(73.511% 0.16799 40.247). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

16°
100 %

73,5 %
0,168
40°
  • Orange
  • Hell
  • Kräftig
  • Warm
  • orange-400
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.50:1Schwer lesbar
Lc -54
Schwarzer Text
8.40:1Gut lesbar · AA
Lc 56

Abstufungen

Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.

Harmonien

Zuletzt

Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.

Auch genannt: Korallenrot, Coral

Paletten mit Koralle

Ähnliche benannte Farben

Fragen zu Koralle

Wie lautet der HEX-Code von Koralle?

Der HEX-Code von Koralle ist #ff7f50. In RGB ist das rgb(255, 127, 80), in HSL hsl(16.11, 100%, 65.69%) und in OKLCH oklch(73.511% 0.16799 40.247).

Welche Farben passen zu Koralle?

Die Komplementärfarbe ist #00beec. Ruhiger wirkt die Kombination mit den analogen Farben #ff7690 und #eb9300. Fertige Paletten mit Koralle findest du auf dieser Seite.

Ist Koralle eine warme oder kühle Farbe?

Koralle wirkt warm, der Farbton liegt in OKLCH bei 40 Grad.

Welche Textfarbe ist auf Koralle gut lesbar?

Schwarzer Text ist auf Koralle besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.5:1, Schwarz 8.4:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Über #ff7f50

#ff7f50 ist ein kräftiges helles orange. In OKLCH hat die Farbe die Helligkeit 73,5 %, das Chroma 0.168 und den Farbton 40°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 2.5:1, schwarzer Text 8.4:1. Besser lesbar ist also schwarzer Text.

Die nächste benannte Farbe ist Koralle (#ff7f50). In Tailwind CSS kommt orange-400 am nächsten.

Mehr helle orangefarbene farben

Heller: #ff7f50 mit Weiß gemischt

  1. ff7f50

Dunkler: #ff7f50 mit Schwarz gemischt

  1. ff7f50

Ruhiger: #ff7f50 mit weniger Sättigung

  1. ff7f50

Ähnliche benannte Farben

Farben, die zu #ff7f50 passen

Komplementär
#ff7f50
Analog
#ff7f50
Triadisch
#ff7f50
Split
#ff7f50