Startseite Farbpaletten Palette „Old Yella“ mit 4 Farben

Palette „Old Yella“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Old Yella“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 4.887

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFED99;
  --c-vibrant-2: #F6B8B8;
  --c-vibrant-3: #AC66CC;
  --c-vibrant-4: #3B14A7;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Old Yella (#FFED99) bis zum dunkelsten Ton Deep Daijin Blue (#3B14A7). Sie vereint Old Yella, Ballerina Pink, Teldrassil Purple und Deep Daijin Blue 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 #FFED99 auf #3B14A7 mit 9,67:1.

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

Farben im Detail

Old Yella #FFED99

RGB: rgb(255, 237, 153)
HSL: hsl(49, 100%, 80%)
Luminanz: 0,841

Ballerina Pink #F6B8B8

RGB: rgb(246, 184, 184)
HSL: hsl(0, 78%, 84%)
Luminanz: 0,573

Teldrassil Purple #AC66CC

RGB: rgb(172, 102, 204)
HSL: hsl(281, 50%, 60%)
Luminanz: 0,226

Deep Daijin Blue #3B14A7

RGB: rgb(59, 20, 167)
HSL: hsl(256, 79%, 37%)
Luminanz: 0,042

Kontrast & Barrierefreiheit

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

Aa #FFED99 auf #3B14A7 9,67:1 AAA

Aa #F6B8B8 auf #3B14A7 6,76:1 AA

Aa #FFED99 auf #AC66CC 3,23:1 AA (großer Text)

Aa #AC66CC auf #3B14A7 3,00:1 AA (großer Text)

Aa #F6B8B8 auf #AC66CC 2,26:1 Nicht bestanden

Aa #FFED99 auf #F6B8B8 1,43:1 Nicht bestanden

Palette „Old Yella“ mit 4 Farben