Farbe Buttergelb

Ein weiches, cremiges Hellgelb wie frische Butter. Es ist in Mode und Einrichtung groß zurückgekehrt, weil es fröhlich und trotzdem ganz leicht zu kombinieren ist.

Im Editor öffnen

Der HEX-Code von Buttergelb ist #FFFD74. In RGB ist es rgb(255, 253, 116), in HSL hsl(59, 100%, 73%) und in CMYK 0, 1, 55, 0.

So wirkt sie in echt

Wähle eine Farbe zum Kombinieren und sieh, wie sie an Kleidung, im Raum und im Design wirkt.

Fakten zur Farbe Buttergelb

Buttergelb (#FFFD74) ist ein Farbton, der warm, hell und sehr gesättigt wirkt. Er gehört zur Familie der Gelbtöne. Er besteht aus 255 Rot, 253 Grün und 116 Blau (von 255). Typische Einsatzbereiche: Mode, Einrichtung, Hochzeiten.

Farbmuster Buttergelb mit Abstufungen von hell bis dunkel · #FFFD74 — Buttergelb · #FFFD74

Farbtöne von Buttergelb: hell und dunkel

Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.

Alle Töne ansehen: Generator für Farbabstufungen

Farbharmonien mit Buttergelb

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Elektroblau

AnalogÄhnlich wie: Rehbraun, Mintgrün

TriadeÄhnlich wie: Cyan, Orchidee

Geteilt komplementärÄhnlich wie: Tiefes Himmelblau, Amethyst

TetradeÄhnlich wie: Aquamarin, Elektroblau, Pink

Farbpaletten mit Buttergelb

Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.

Farbpalette monochrom · Buttergelb

Farbpalette analog · Buttergelb

Farbpalette komplementär · Buttergelb

Farbpalette Triade · Buttergelb

Farbpalette mit Neutraltönen · Buttergelb

Farbpalette mit Akzent · Buttergelb

Kontrast von Buttergelb mit Text

Weißer TextKontrast 1.1:1 · Nicht empfohlen

Schwarzer TextKontrast 19.6:1 · AAA

Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.

CSS-Code

:root {
  --buttergelb: #FFFD74;
  --buttergelb-rgb: 255, 253, 116;
}
.hintergrund { background-color: var(--buttergelb); }
.text { color: var(--buttergelb); }

Farbpaletten nach Thema mit dieser Farbe

Probier als Nächstes

Farbpalette aus deinem NamenGib einen Namen ein und erhalte deine eigene Farbpalette Glücksrad erstellenEigene Optionen eintippen und drehen. Auch mit Farben Farben-SpielautomatZieh am Hebel und hol dir eine Farbpalette

Alle kostenlosen Tools ansehen →

Häufige Fragen

Welchen Farbcode hat Buttergelb?

Der HEX-Code von Buttergelb ist #FFFD74. In RGB ist es rgb(255, 253, 116), in HSL hsl(59, 100%, 73%) und in CMYK 0, 1, 55, 0.

Was ist die Komplementärfarbe zu Buttergelb?

Die Komplementärfarbe im Farbkreis ist #7476FF, ein Ton in der Nähe von Elektroblau. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.

Kann man weißen Text auf Buttergelb verwenden?

Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 1.1:1, zu Schwarz dagegen 19.6:1.