Startseite Farbpaletten Palette „Quack Quack“ mit 4 Farben

Palette „Quack Quack“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Quack Quack“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 4.328

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #280B45;
  --c-vibrant-2: #61105E;
  --c-vibrant-3: #C84771;
  --c-vibrant-4: #FFE98A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Quack Quack (#FFE98A) bis zum dunkelsten Ton Oily Purple (#280B45). Sie vereint Oily Purple, Grape Purple, Love Lord und Quack Quack 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 #280B45 auf #FFE98A mit 14,11:1.

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

Farben im Detail

Oily Purple #280B45

RGB: rgb(40, 11, 69)
HSL: hsl(270, 73%, 16%)
Luminanz: 0,011

Grape Purple #61105E

RGB: rgb(97, 16, 94)
HSL: hsl(302, 72%, 22%)
Luminanz: 0,037

Love Lord #C84771

RGB: rgb(200, 71, 113)
HSL: hsl(340, 54%, 53%)
Luminanz: 0,180

Quack Quack #FFE98A

RGB: rgb(255, 233, 138)
HSL: hsl(49, 100%, 77%)
Luminanz: 0,814

Kontrast & Barrierefreiheit

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

Aa #280B45 auf #FFE98A 14,11:1 AAA

Aa #61105E auf #FFE98A 9,91:1 AAA

Aa #C84771 auf #FFE98A 3,76:1 AA (großer Text)

Aa #280B45 auf #C84771 3,75:1 AA (großer Text)

Aa #61105E auf #C84771 2,64:1 Nicht bestanden

Aa #280B45 auf #61105E 1,42:1 Nicht bestanden

Palette „Quack Quack“ mit 4 Farben