Startseite Farbpaletten Palette „Sunflower“ mit 4 Farben

Palette „Sunflower“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sunflower“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.124

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FDE7B3;
  --c-vibrant-2: #FFC50F;
  --c-vibrant-3: #63A361;
  --c-vibrant-4: #5B532C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Song of Summer (#FDE7B3) bis zum dunkelsten Ton West Coast (#5B532C). Sie vereint Song of Summer, Sunflower, Endo und West Coast 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 #FDE7B3 auf #5B532C mit 6,35:1.

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

Farben im Detail

Song of Summer #FDE7B3

RGB: rgb(253, 231, 179)
HSL: hsl(42, 95%, 85%)
Luminanz: 0,813

Sunflower #FFC50F

RGB: rgb(255, 197, 15)
HSL: hsl(46, 100%, 53%)
Luminanz: 0,612

Endo #63A361

RGB: rgb(99, 163, 97)
HSL: hsl(118, 26%, 51%)
Luminanz: 0,297

West Coast #5B532C

RGB: rgb(91, 83, 44)
HSL: hsl(50, 35%, 26%)
Luminanz: 0,086

Kontrast & Barrierefreiheit

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

Aa #FDE7B3 auf #5B532C 6,35:1 AA

Aa #FFC50F auf #5B532C 4,87:1 AA

Aa #63A361 auf #5B532C 2,55:1 Nicht bestanden

Aa #FDE7B3 auf #63A361 2,49:1 Nicht bestanden

Aa #FFC50F auf #63A361 1,91:1 Nicht bestanden

Aa #FDE7B3 auf #FFC50F 1,30:1 Nicht bestanden

Palette „Sunflower“ mit 4 Farben