Zum Farbwähler springen

Vanille: Farbcode #f3e5ab

Vanille ist #f3e5ab, in RGB rgb(243, 229, 171) und in OKLCH oklch(91.934% 0.07599 96.153). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

48°
100 %

91,9 %
0,076
96°
  • Beige
  • Sehr hell
  • Sanft
  • Pastell
  • Warm
  • orange-200
  • Schwarz 5 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.26:1Schwer lesbar
Lc -15
Schwarzer Text
16.61:1Gut lesbar · AA
Lc 90

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

Paletten mit Vanille

Ähnliche benannte Farben

Fragen zu Vanille

Wie lautet der HEX-Code von Vanille?

Der HEX-Code von Vanille ist #f3e5ab. In RGB ist das rgb(243, 229, 171), in HSL hsl(48.33, 75%, 81.18%) und in OKLCH oklch(91.934% 0.07599 96.153).

Welche Farben passen zu Vanille?

Die Komplementärfarbe ist #d9e2ff. Ruhiger wirkt die Kombination mit den analogen Farben #ffdbaf und #d7eeb7. Fertige Paletten mit Vanille findest du auf dieser Seite.

Ist Vanille eine warme oder kühle Farbe?

Vanille wirkt warm, der Farbton liegt in OKLCH bei 96 Grad.

Welche Textfarbe ist auf Vanille gut lesbar?

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

Über #f3e5ab

#f3e5ab ist ein pastellfarbenes sehr helles beige. In OKLCH hat die Farbe die Helligkeit 91,9 %, das Chroma 0.076 und den Farbton 96°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Vanille (#f3e5ab). In Tailwind CSS kommt orange-200 am nächsten.

Mehr sehr helle beigefarbene farben

Heller: #f3e5ab mit Weiß gemischt

  1. f3e5ab

Dunkler: #f3e5ab mit Schwarz gemischt

  1. f3e5ab

Ruhiger: #f3e5ab mit weniger Sättigung

  1. f3e5ab

Ähnliche benannte Farben

Farben, die zu #f3e5ab passen

Komplementär
#f3e5ab
Analog
#f3e5ab
Triadisch
#f3e5ab
Split
#f3e5ab