Startseite Farbpaletten Palette „Fizzy & Dizzy“ mit 4 Farben

Palette „Fizzy & Dizzy“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fizzy & Dizzy“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 5.332

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F5F5C6;
  --c-muted-2: #7DA87B;
  --c-muted-3: #326765;
  --c-muted-4: #27253D;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fizzy & Dizzy (#F5F5C6) bis zum dunkelsten Ton Midnight Express (#27253D). Sie vereint Fizzy & Dizzy, Greyish Green, Deep Marine und Midnight Express 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 #F5F5C6 auf #27253D mit 13,23:1.

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

Farben im Detail

Fizzy & Dizzy #F5F5C6

RGB: rgb(245, 245, 198)
HSL: hsl(60, 70%, 87%)
Luminanz: 0,888

Greyish Green #7DA87B

RGB: rgb(125, 168, 123)
HSL: hsl(117, 21%, 57%)
Luminanz: 0,338

Deep Marine #326765

RGB: rgb(50, 103, 101)
HSL: hsl(178, 35%, 30%)
Luminanz: 0,113

Midnight Express #27253D

RGB: rgb(39, 37, 61)
HSL: hsl(245, 24%, 19%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #F5F5C6 auf #27253D 13,23:1 AAA

Aa #F5F5C6 auf #326765 5,75:1 AA

Aa #7DA87B auf #27253D 5,47:1 AA

Aa #F5F5C6 auf #7DA87B 2,42:1 Nicht bestanden

Aa #7DA87B auf #326765 2,38:1 Nicht bestanden

Aa #326765 auf #27253D 2,30:1 Nicht bestanden

Palette „Fizzy & Dizzy“ mit 4 Farben