Startseite Farbpaletten Palette „Sunset Gold“ mit 4 Farben

Palette „Sunset Gold“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sunset Gold“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.991

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #6C0345;
  --c-vibrant-2: #DC6B19;
  --c-vibrant-3: #F7C566;
  --c-vibrant-4: #FFF8DC;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cornsilk (#FFF8DC) bis zum dunkelsten Ton Spanish Purple (#6C0345). Sie vereint Spanish Purple, Fading Ember, Sunset Gold und Cornsilk 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 #6C0345 auf #FFF8DC mit 11,35:1.

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

Farben im Detail

Spanish Purple #6C0345

RGB: rgb(108, 3, 69)
HSL: hsl(322, 95%, 22%)
Luminanz: 0,037

Fading Ember #DC6B19

RGB: rgb(220, 107, 25)
HSL: hsl(25, 80%, 48%)
Luminanz: 0,258

Sunset Gold #F7C566

RGB: rgb(247, 197, 102)
HSL: hsl(39, 90%, 68%)
Luminanz: 0,607

Cornsilk #FFF8DC

RGB: rgb(255, 248, 220)
HSL: hsl(48, 100%, 93%)
Luminanz: 0,936

Kontrast & Barrierefreiheit

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

Aa #6C0345 auf #FFF8DC 11,35:1 AAA

Aa #6C0345 auf #F7C566 7,56:1 AAA

Aa #6C0345 auf #DC6B19 3,55:1 AA (großer Text)

Aa #DC6B19 auf #FFF8DC 3,20:1 AA (großer Text)

Aa #DC6B19 auf #F7C566 2,13:1 Nicht bestanden

Aa #F7C566 auf #FFF8DC 1,50:1 Nicht bestanden

Palette „Sunset Gold“ mit 4 Farben