Startseite Farbpaletten Palette „Tartrazine“ mit 4 Farben

Palette „Tartrazine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Tartrazine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.638

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #492B7B;
  --c-vibrant-2: #301551;
  --c-vibrant-3: #ED8A0A;
  --c-vibrant-4: #F7D914;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Tartrazine (#F7D914) bis zum dunkelsten Ton Russian Violet (#301551). Sie vereint Windsor, Russian Violet, Elden Ring Orange und Tartrazine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #301551 auf #F7D914 mit 11,02:1.

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

Farben im Detail

Windsor #492B7B

RGB: rgb(73, 43, 123)
HSL: hsl(263, 48%, 33%)
Luminanz: 0,046

Russian Violet #301551

RGB: rgb(48, 21, 81)
HSL: hsl(267, 59%, 20%)
Luminanz: 0,018

Elden Ring Orange #ED8A0A

RGB: rgb(237, 138, 10)
HSL: hsl(34, 92%, 48%)
Luminanz: 0,362

Tartrazine #F7D914

RGB: rgb(247, 217, 20)
HSL: hsl(52, 93%, 52%)
Luminanz: 0,695

Kontrast & Barrierefreiheit

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

Aa #301551 auf #F7D914 11,02:1 AAA

Aa #492B7B auf #F7D914 7,78:1 AAA

Aa #301551 auf #ED8A0A 6,10:1 AA

Aa #492B7B auf #ED8A0A 4,30:1 AA (großer Text)

Aa #ED8A0A auf #F7D914 1,81:1 Nicht bestanden

Aa #492B7B auf #301551 1,42:1 Nicht bestanden

Palette „Tartrazine“ mit 4 Farben