Startseite Farbpaletten Palette „Sunny Side Up“ mit 4 Farben

Palette „Sunny Side Up“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Sunny Side Up“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 1.724

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #54447B;
  --c-muted-2: #49B47E;
  --c-muted-3: #94DD4D;
  --c-muted-4: #FFD944;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sunny Side Up (#FFD944) bis zum dunkelsten Ton Cyber Grape (#54447B). Sie vereint Cyber Grape, Divot, Lilliputian Lime und Sunny Side Up 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 #54447B auf #FFD944 mit 6,13:1.

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

Farben im Detail

Cyber Grape #54447B

RGB: rgb(84, 68, 123)
HSL: hsl(257, 29%, 37%)
Luminanz: 0,075

Divot #49B47E

RGB: rgb(73, 180, 126)
HSL: hsl(150, 42%, 50%)
Luminanz: 0,356

Lilliputian Lime #94DD4D

RGB: rgb(148, 221, 77)
HSL: hsl(90, 68%, 58%)
Luminanz: 0,585

Sunny Side Up #FFD944

RGB: rgb(255, 217, 68)
HSL: hsl(48, 100%, 63%)
Luminanz: 0,713

Kontrast & Barrierefreiheit

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

Aa #54447B auf #FFD944 6,13:1 AA

Aa #54447B auf #94DD4D 5,10:1 AA

Aa #54447B auf #49B47E 3,26:1 AA (großer Text)

Aa #49B47E auf #FFD944 1,88:1 Nicht bestanden

Aa #49B47E auf #94DD4D 1,57:1 Nicht bestanden

Aa #94DD4D auf #FFD944 1,20:1 Nicht bestanden

Palette „Sunny Side Up“ mit 4 Farben