Startseite Farbpaletten Palette „Blarney“ mit 4 Farben

Palette „Blarney“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blarney“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 2.489

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FCE8AA;
  --c-vibrant-2: #97DE95;
  --c-vibrant-3: #08C299;
  --c-vibrant-4: #571179;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Bleached Sunflower (#FCE8AA) bis zum dunkelsten Ton Velvet Vortex (#571179). Sie vereint Bleached Sunflower, Retro, Blarney und Velvet Vortex in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCE8AA auf #571179 mit 9,8:1.

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

Farben im Detail

Bleached Sunflower #FCE8AA

RGB: rgb(252, 232, 170)
HSL: hsl(45, 93%, 83%)
Luminanz: 0,813

Retro #97DE95

RGB: rgb(151, 222, 149)
HSL: hsl(118, 53%, 73%)
Luminanz: 0,610

Blarney #08C299

RGB: rgb(8, 194, 153)
HSL: hsl(167, 92%, 40%)
Luminanz: 0,409

Velvet Vortex #571179

RGB: rgb(87, 17, 121)
HSL: hsl(280, 75%, 27%)
Luminanz: 0,038

Kontrast & Barrierefreiheit

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

Aa #FCE8AA auf #571179 9,80:1 AAA

Aa #97DE95 auf #571179 7,49:1 AAA

Aa #08C299 auf #571179 5,22:1 AA

Aa #FCE8AA auf #08C299 1,88:1 Nicht bestanden

Aa #97DE95 auf #08C299 1,44:1 Nicht bestanden

Aa #FCE8AA auf #97DE95 1,31:1 Nicht bestanden

Palette „Blarney“ mit 4 Farben