Startseite Farbpaletten Palette „Seabuckthorn Yellow Brown“ mit 4 Farben

Palette „Seabuckthorn Yellow Brown“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Seabuckthorn Yellow Brown“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 3.160

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FEF9D9;
  --c-vibrant-2: #CE7D00;
  --c-vibrant-3: #935900;
  --c-vibrant-4: #00541A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Warm Light (#FEF9D9) bis zum dunkelsten Ton O Tannenbaum (#00541A). Sie vereint Warm Light, Seabuckthorn Yellow Brown, Charlie Brown und O Tannenbaum in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FEF9D9 auf #00541A mit 8,66:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Warm Light #FEF9D9

RGB: rgb(254, 249, 217)
HSL: hsl(52, 95%, 92%)
Luminanz: 0,938

Seabuckthorn Yellow Brown #CE7D00

RGB: rgb(206, 125, 0)
HSL: hsl(36, 100%, 40%)
Luminanz: 0,278

Charlie Brown #935900

RGB: rgb(147, 89, 0)
HSL: hsl(36, 100%, 29%)
Luminanz: 0,134

O Tannenbaum #00541A

RGB: rgb(0, 84, 26)
HSL: hsl(139, 100%, 16%)
Luminanz: 0,064

Kontrast & Barrierefreiheit

2 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #FEF9D9 auf #00541A 8,66:1 AAA

Aa #FEF9D9 auf #935900 5,39:1 AA

Aa #FEF9D9 auf #CE7D00 3,01:1 AA (großer Text)

Aa #CE7D00 auf #00541A 2,87:1 Nicht bestanden

Aa #CE7D00 auf #935900 1,79:1 Nicht bestanden

Aa #935900 auf #00541A 1,61:1 Nicht bestanden

Palette „Seabuckthorn Yellow Brown“ mit 4 Farben