Startseite Farbpaletten Palette „Orange Popsicle“ mit 4 Farben

Palette „Orange Popsicle“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Orange Popsicle“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 5.675

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #B6EB7A;
  --c-vibrant-2: #F7F7EE;
  --c-vibrant-3: #FB7813;
  --c-vibrant-4: #17706E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Praxeti White (#F7F7EE) bis zum dunkelsten Ton Artisan Green (#17706E). Sie vereint Pisco Sour, Praxeti White, Orange Popsicle und Artisan Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F7F7EE auf #17706E mit 5,45:1.

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

Farben im Detail

Pisco Sour #B6EB7A

RGB: rgb(182, 235, 122)
HSL: hsl(88, 74%, 70%)
Luminanz: 0,708

Praxeti White #F7F7EE

RGB: rgb(247, 247, 238)
HSL: hsl(60, 36%, 95%)
Luminanz: 0,925

Orange Popsicle #FB7813

RGB: rgb(251, 120, 19)
HSL: hsl(26, 97%, 53%)
Luminanz: 0,340

Artisan Green #17706E

RGB: rgb(23, 112, 110)
HSL: hsl(179, 66%, 26%)
Luminanz: 0,129

Kontrast & Barrierefreiheit

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

Aa #F7F7EE auf #17706E 5,45:1 AA

Aa #B6EB7A auf #17706E 4,23:1 AA (großer Text)

Aa #F7F7EE auf #FB7813 2,50:1 Nicht bestanden

Aa #FB7813 auf #17706E 2,18:1 Nicht bestanden

Aa #B6EB7A auf #FB7813 1,94:1 Nicht bestanden

Aa #B6EB7A auf #F7F7EE 1,29:1 Nicht bestanden

Palette „Orange Popsicle“ mit 4 Farben