Zum Farbwähler springen

Mandarine: Farbcode #f28500

Mandarine ist #f28500, in RGB rgb(242, 133, 0) und in OKLCH oklch(72.21% 0.17194 58.498). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

33°
100 %

72,2 %
0,172
58°
  • Orange
  • Hell
  • Kräftig
  • Warm
  • orange-400
  • Schwarz 5 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.58:1Schwer lesbar
Lc -55
Schwarzer Text
8.13:1Gut lesbar · AA
Lc 54

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: Tangerine

Paletten mit Mandarine

Ähnliche benannte Farben

Fragen zu Mandarine

Wie lautet der HEX-Code von Mandarine?

Der HEX-Code von Mandarine ist #f28500. In RGB ist das rgb(242, 133, 0), in HSL hsl(32.98, 100%, 47.45%) und in OKLCH oklch(72.21% 0.17194 58.498).

Welche Farben passen zu Mandarine?

Die Komplementärfarbe ist #00b1ff. Ruhiger wirkt die Kombination mit den analogen Farben #ff7465 und #d09d00. Fertige Paletten mit Mandarine findest du auf dieser Seite.

Ist Mandarine eine warme oder kühle Farbe?

Mandarine wirkt warm, der Farbton liegt in OKLCH bei 58 Grad.

Welche Textfarbe ist auf Mandarine gut lesbar?

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

Über #f28500

#f28500 ist ein kräftiges helles orange. In OKLCH hat die Farbe die Helligkeit 72,2 %, das Chroma 0.172 und den Farbton 58°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr helle orangefarbene farben

Heller: #f28500 mit Weiß gemischt

  1. f28500

Dunkler: #f28500 mit Schwarz gemischt

  1. f28500

Ruhiger: #f28500 mit weniger Sättigung

  1. f28500

Ähnliche benannte Farben

Farben, die zu #f28500 passen

Komplementär
#f28500
Analog
#f28500
Triadisch
#f28500
Split
#f28500