Startseite Farbpaletten Palette „First Tulip“ mit 4 Farben

Palette „First Tulip“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „First Tulip“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 5.392

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #40128B;
  --c-vibrant-2: #9336B4;
  --c-vibrant-3: #DD58D6;
  --c-vibrant-4: #FFE79B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton First Tulip (#FFE79B) bis zum dunkelsten Ton Grim Purple (#40128B). Sie vereint Grim Purple, Akebi Purple, Free Speech Magenta und First Tulip 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 #40128B auf #FFE79B mit 10,23:1.

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

Farben im Detail

Grim Purple #40128B

RGB: rgb(64, 18, 139)
HSL: hsl(263, 77%, 31%)
Luminanz: 0,034

Akebi Purple #9336B4

RGB: rgb(147, 54, 180)
HSL: hsl(284, 54%, 46%)
Luminanz: 0,121

Free Speech Magenta #DD58D6

RGB: rgb(221, 88, 214)
HSL: hsl(303, 66%, 61%)
Luminanz: 0,272

First Tulip #FFE79B

RGB: rgb(255, 231, 155)
HSL: hsl(46, 100%, 80%)
Luminanz: 0,808

Kontrast & Barrierefreiheit

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

Aa #40128B auf #FFE79B 10,23:1 AAA

Aa #9336B4 auf #FFE79B 5,01:1 AA

Aa #40128B auf #DD58D6 3,84:1 AA (großer Text)

Aa #DD58D6 auf #FFE79B 2,66:1 Nicht bestanden

Aa #40128B auf #9336B4 2,04:1 Nicht bestanden

Aa #9336B4 auf #DD58D6 1,88:1 Nicht bestanden

Palette „First Tulip“ mit 4 Farben