Startseite Farbpaletten Palette „Lemon Dream“ mit 4 Farben

Palette „Lemon Dream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lemon Dream“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 6.370

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #4A3933;
  --c-vibrant-2: #F0A500;
  --c-vibrant-3: #E45826;
  --c-vibrant-4: #E6D5B8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Warm Buttercream (#E6D5B8) bis zum dunkelsten Ton Brown Beauty (#4A3933). Sie vereint Brown Beauty, Lemon Dream, Flame und Warm Buttercream 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 #4A3933 auf #E6D5B8 mit 7,57:1.

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

Farben im Detail

Brown Beauty #4A3933

RGB: rgb(74, 57, 51)
HSL: hsl(16, 18%, 25%)
Luminanz: 0,046

Lemon Dream #F0A500

RGB: rgb(240, 165, 0)
HSL: hsl(41, 100%, 47%)
Luminanz: 0,454

Flame #E45826

RGB: rgb(228, 88, 38)
HSL: hsl(16, 78%, 52%)
Luminanz: 0,236

Warm Buttercream #E6D5B8

RGB: rgb(230, 213, 184)
HSL: hsl(38, 48%, 81%)
Luminanz: 0,679

Kontrast & Barrierefreiheit

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

Aa #4A3933 auf #E6D5B8 7,57:1 AAA

Aa #4A3933 auf #F0A500 5,24:1 AA

Aa #4A3933 auf #E45826 2,97:1 Nicht bestanden

Aa #E45826 auf #E6D5B8 2,55:1 Nicht bestanden

Aa #F0A500 auf #E45826 1,76:1 Nicht bestanden

Aa #F0A500 auf #E6D5B8 1,44:1 Nicht bestanden

Palette „Lemon Dream“ mit 4 Farben