Startseite Farbpaletten Palette „Float Like a Butterfly“ mit 4 Farben

Palette „Float Like a Butterfly“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Float Like a Butterfly“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 7.284

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #184D47;
  --c-muted-2: #96BB7C;
  --c-muted-3: #D6EFC7;
  --c-muted-4: #FAD586;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fresh Lime (#D6EFC7) bis zum dunkelsten Ton Swedish Green (#184D47). Sie vereint Swedish Green, Sago Garden, Fresh Lime und Float Like a Butterfly 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 #184D47 auf #D6EFC7 mit 7,77:1.

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

Farben im Detail

Swedish Green #184D47

RGB: rgb(24, 77, 71)
HSL: hsl(173, 52%, 20%)
Luminanz: 0,060

Sago Garden #96BB7C

RGB: rgb(150, 187, 124)
HSL: hsl(95, 32%, 61%)
Luminanz: 0,435

Fresh Lime #D6EFC7

RGB: rgb(214, 239, 199)
HSL: hsl(98, 56%, 86%)
Luminanz: 0,802

Float Like a Butterfly #FAD586

RGB: rgb(250, 213, 134)
HSL: hsl(41, 92%, 75%)
Luminanz: 0,696

Kontrast & Barrierefreiheit

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

Aa #184D47 auf #D6EFC7 7,77:1 AAA

Aa #184D47 auf #FAD586 6,81:1 AA

Aa #184D47 auf #96BB7C 4,42:1 AA (großer Text)

Aa #96BB7C auf #D6EFC7 1,76:1 Nicht bestanden

Aa #96BB7C auf #FAD586 1,54:1 Nicht bestanden

Aa #D6EFC7 auf #FAD586 1,14:1 Nicht bestanden

Palette „Float Like a Butterfly“ mit 4 Farben