Startseite Farbpaletten Palette „Jonquil“ mit 4 Farben

Palette „Jonquil“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Jonquil“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 3.121

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #211C6A;
  --c-vibrant-2: #59B4C3;
  --c-vibrant-3: #74E291;
  --c-vibrant-4: #EFF396;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Jonquil (#EFF396) bis zum dunkelsten Ton Intergalactic Cowboy (#211C6A). Sie vereint Intergalactic Cowboy, Aqua Verde, Ragweed und Jonquil 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 #211C6A auf #EFF396 mit 12,46:1.

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

Farben im Detail

Intergalactic Cowboy #211C6A

RGB: rgb(33, 28, 106)
HSL: hsl(244, 58%, 26%)
Luminanz: 0,022

Aqua Verde #59B4C3

RGB: rgb(89, 180, 195)
HSL: hsl(188, 47%, 56%)
Luminanz: 0,387

Ragweed #74E291

RGB: rgb(116, 226, 145)
HSL: hsl(136, 65%, 67%)
Luminanz: 0,602

Jonquil #EFF396

RGB: rgb(239, 243, 150)
HSL: hsl(63, 79%, 77%)
Luminanz: 0,847

Kontrast & Barrierefreiheit

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

Aa #211C6A auf #EFF396 12,46:1 AAA

Aa #211C6A auf #74E291 9,06:1 AAA

Aa #211C6A auf #59B4C3 6,08:1 AA

Aa #59B4C3 auf #EFF396 2,05:1 Nicht bestanden

Aa #59B4C3 auf #74E291 1,49:1 Nicht bestanden

Aa #74E291 auf #EFF396 1,38:1 Nicht bestanden

Palette „Jonquil“ mit 4 Farben