Startseite Farbpaletten Palette „Old Yella“ mit 4 Farben

Palette „Old Yella“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Old Yella“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Hell Triadisch

Likes 5.007

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #856C8B;
  --c-muted-2: #D4EBD0;
  --c-muted-3: #A4C5C6;
  --c-muted-4: #FFEB99;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Old Yella (#FFEB99) bis zum dunkelsten Ton Beauty (#856C8B). Sie vereint Beauty, Lantana Lime, Ocean Kiss und Old Yella in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Beauty #856C8B

RGB: rgb(133, 108, 139)
HSL: hsl(288, 13%, 48%)
Luminanz: 0,176

Lantana Lime #D4EBD0

RGB: rgb(212, 235, 208)
HSL: hsl(111, 40%, 87%)
Luminanz: 0,780

Ocean Kiss #A4C5C6

RGB: rgb(164, 197, 198)
HSL: hsl(182, 23%, 71%)
Luminanz: 0,519

Old Yella #FFEB99

RGB: rgb(255, 235, 153)
HSL: hsl(48, 100%, 80%)
Luminanz: 0,830

Kontrast & Barrierefreiheit

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

Aa #856C8B auf #FFEB99 3,90:1 AA (großer Text)

Aa #856C8B auf #D4EBD0 3,68:1 AA (großer Text)

Aa #856C8B auf #A4C5C6 2,52:1 Nicht bestanden

Aa #A4C5C6 auf #FFEB99 1,55:1 Nicht bestanden

Aa #D4EBD0 auf #A4C5C6 1,46:1 Nicht bestanden

Aa #D4EBD0 auf #FFEB99 1,06:1 Nicht bestanden

Palette „Old Yella“ mit 4 Farben