Zum Farbwähler springen

Kanariengelb: Farbcode #ffef00

Kanariengelb ist #ffef00, in RGB rgb(255, 239, 0) und in OKLCH oklch(93.505% 0.19807 104.666). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

56°
100 %

93,5 %
0,198
105°
  • Gelb
  • Sehr hell
  • Kräftig
  • Neutral
  • yellow-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.19:1Schwer lesbar
Lc -11
Schwarzer Text
17.60:1Gut lesbar · AA
Lc 94

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: Canary yellow, Canary

Paletten mit Kanariengelb

Ähnliche benannte Farben

Fragen zu Kanariengelb

Wie lautet der HEX-Code von Kanariengelb?

Der HEX-Code von Kanariengelb ist #ffef00. In RGB ist das rgb(255, 239, 0), in HSL hsl(56.24, 100%, 50%) und in OKLCH oklch(93.505% 0.19807 104.666).

Welche Farben passen zu Kanariengelb?

Die Komplementärfarbe ist #e5e5ff. Ruhiger wirkt die Kombination mit den analogen Farben #ffe2a8 und #aeff75. Fertige Paletten mit Kanariengelb findest du auf dieser Seite.

Ist Kanariengelb eine warme oder kühle Farbe?

Kanariengelb wirkt neutral, der Farbton liegt in OKLCH bei 105 Grad.

Welche Textfarbe ist auf Kanariengelb gut lesbar?

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

Über #ffef00

#ffef00 ist ein kräftiges sehr helles gelb. In OKLCH hat die Farbe die Helligkeit 93,5 %, das Chroma 0.198 und den Farbton 105°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr sehr helle gelbe farben

Heller: #ffef00 mit Weiß gemischt

  1. ffef00

Dunkler: #ffef00 mit Schwarz gemischt

  1. ffef00

Ruhiger: #ffef00 mit weniger Sättigung

  1. ffef00

Ähnliche benannte Farben

Farben, die zu #ffef00 passen

Komplementär
#ffef00
Analog
#ffef00
Triadisch
#ffef00
Split
#ffef00