Zum Farbwähler springen

Zitronengelb: Farbcode #fff700

Zitronengelb ist #fff700, in RGB rgb(255, 247, 0) und in OKLCH oklch(95.145% 0.20435 107.325). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

58°
100 %

95,1 %
0,204
107°
  • Gelb
  • Sehr hell
  • Kräftig
  • Neon
  • Neutral
  • yellow-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.13:1Schwer lesbar
Lc 0
Schwarzer Text
18.56:1Gut lesbar · AA
Lc 98

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: Zitrone, Lemon

Paletten mit Zitronengelb

Ähnliche benannte Farben

Fragen zu Zitronengelb

Wie lautet der HEX-Code von Zitronengelb?

Der HEX-Code von Zitronengelb ist #fff700. In RGB ist das rgb(255, 247, 0), in HSL hsl(58.12, 100%, 50%) und in OKLCH oklch(95.145% 0.20435 107.325).

Welche Farben passen zu Zitronengelb?

Die Komplementärfarbe ist #ecebff. Ruhiger wirkt die Kombination mit den analogen Farben #ffe9b4 und #beffa2. Fertige Paletten mit Zitronengelb findest du auf dieser Seite.

Ist Zitronengelb eine warme oder kühle Farbe?

Zitronengelb wirkt neutral, der Farbton liegt in OKLCH bei 107 Grad.

Welche Textfarbe ist auf Zitronengelb gut lesbar?

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

Über #fff700

#fff700 ist ein neonfarbenes sehr helles gelb. In OKLCH hat die Farbe die Helligkeit 95,1 %, das Chroma 0.204 und den Farbton 107°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Zitronengelb (#fff700). In Tailwind CSS kommt yellow-300 am nächsten.

Mehr sehr helle gelbe farben

Heller: #fff700 mit Weiß gemischt

  1. fff700

Dunkler: #fff700 mit Schwarz gemischt

  1. fff700

Ruhiger: #fff700 mit weniger Sättigung

  1. fff700

Ähnliche benannte Farben

Farben, die zu #fff700 passen

Komplementär
#fff700
Analog
#fff700
Triadisch
#fff700
Split
#fff700