Startseite Farbpaletten Palette „Yippie Ya Yellow“ mit 4 Farben

Palette „Yippie Ya Yellow“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Yippie Ya Yellow“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 4.801

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #453C67;
  --c-muted-2: #6D67E4;
  --c-muted-3: #46C2CB;
  --c-muted-4: #F2F7A1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Yippie Ya Yellow (#F2F7A1) bis zum dunkelsten Ton Evening Mauve (#453C67). Sie vereint Evening Mauve, If I Could Fly, Sea Serpent und Yippie Ya Yellow 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 #453C67 auf #F2F7A1 mit 8,87:1.

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

Farben im Detail

Evening Mauve #453C67

RGB: rgb(69, 60, 103)
HSL: hsl(253, 26%, 32%)
Luminanz: 0,055

If I Could Fly #6D67E4

RGB: rgb(109, 103, 228)
HSL: hsl(243, 70%, 65%)
Luminanz: 0,186

Sea Serpent #46C2CB

RGB: rgb(70, 194, 203)
HSL: hsl(184, 56%, 54%)
Luminanz: 0,442

Yippie Ya Yellow #F2F7A1

RGB: rgb(242, 247, 161)
HSL: hsl(63, 84%, 80%)
Luminanz: 0,880

Kontrast & Barrierefreiheit

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

Aa #453C67 auf #F2F7A1 8,87:1 AAA

Aa #453C67 auf #46C2CB 4,70:1 AA

Aa #6D67E4 auf #F2F7A1 3,95:1 AA (großer Text)

Aa #453C67 auf #6D67E4 2,25:1 Nicht bestanden

Aa #6D67E4 auf #46C2CB 2,09:1 Nicht bestanden

Aa #46C2CB auf #F2F7A1 1,89:1 Nicht bestanden

Palette „Yippie Ya Yellow“ mit 4 Farben