Startseite Farbpaletten Palette „Sultan Gold“ mit 4 Farben

Palette „Sultan Gold“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sultan Gold“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.692

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F5AD18;
  --c-vibrant-2: #9E1C60;
  --c-vibrant-3: #811844;
  --c-vibrant-4: #561530;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sultan Gold (#F5AD18) bis zum dunkelsten Ton Tulip Poplar Purple (#561530). Sie vereint Sultan Gold, Berry Curious, Burgundy Orchid und Tulip Poplar Purple 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 #F5AD18 auf #561530 mit 7,03:1.

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

Farben im Detail

Sultan Gold #F5AD18

RGB: rgb(245, 173, 24)
HSL: hsl(40, 92%, 53%)
Luminanz: 0,494

Berry Curious #9E1C60

RGB: rgb(158, 28, 96)
HSL: hsl(329, 70%, 36%)
Luminanz: 0,089

Burgundy Orchid #811844

RGB: rgb(129, 24, 68)
HSL: hsl(335, 69%, 30%)
Luminanz: 0,057

Tulip Poplar Purple #561530

RGB: rgb(86, 21, 48)
HSL: hsl(335, 61%, 21%)
Luminanz: 0,027

Kontrast & Barrierefreiheit

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

Aa #F5AD18 auf #561530 7,03:1 AAA

Aa #F5AD18 auf #811844 5,06:1 AA

Aa #F5AD18 auf #9E1C60 3,90:1 AA (großer Text)

Aa #9E1C60 auf #561530 1,80:1 Nicht bestanden

Aa #811844 auf #561530 1,39:1 Nicht bestanden

Aa #9E1C60 auf #811844 1,30:1 Nicht bestanden

Palette „Sultan Gold“ mit 4 Farben