Startseite Farbpaletten Palette „Saffron Gold“ mit 4 Farben

Palette „Saffron Gold“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Saffron Gold“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.863

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #DA1212;
  --c-vibrant-2: #F08C00;
  --c-vibrant-3: #C6DA20;
  --c-vibrant-4: #F3F5D5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Banana Sparkes (#F3F5D5) bis zum dunkelsten Ton Stoplight (#DA1212). Sie vereint Stoplight, Saffron Gold, Young Grass und Banana Sparkes in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DA1212 auf #F3F5D5 mit 4,62:1.

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

Farben im Detail

Stoplight #DA1212

RGB: rgb(218, 18, 18)
HSL: hsl(0, 85%, 46%)
Luminanz: 0,154

Saffron Gold #F08C00

RGB: rgb(240, 140, 0)
HSL: hsl(35, 100%, 47%)
Luminanz: 0,373

Young Grass #C6DA20

RGB: rgb(198, 218, 32)
HSL: hsl(66, 74%, 49%)
Luminanz: 0,623

Banana Sparkes #F3F5D5

RGB: rgb(243, 245, 213)
HSL: hsl(64, 62%, 90%)
Luminanz: 0,892

Kontrast & Barrierefreiheit

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

Aa #DA1212 auf #F3F5D5 4,62:1 AA

Aa #DA1212 auf #C6DA20 3,30:1 AA (großer Text)

Aa #F08C00 auf #F3F5D5 2,23:1 Nicht bestanden

Aa #DA1212 auf #F08C00 2,07:1 Nicht bestanden

Aa #F08C00 auf #C6DA20 1,59:1 Nicht bestanden

Aa #C6DA20 auf #F3F5D5 1,40:1 Nicht bestanden

Palette „Saffron Gold“ mit 4 Farben