Startseite Farbpaletten Palette „Mint Zest“ mit 4 Farben

Palette „Mint Zest“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Mint Zest“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Hell Analog

Likes 9.182

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F6F6F6;
  --c-muted-2: #C7FFD8;
  --c-muted-3: #98DED9;
  --c-muted-4: #161D6F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F6F6F6) bis zum dunkelsten Ton 20000 Leagues Under the Sea (#161D6F). Sie vereint Gram’s Hair, Mint Zest, Pale Beryl und 20000 Leagues Under the Sea 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 #F6F6F6 auf #161D6F mit 13,5:1.

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

Farben im Detail

Gram’s Hair #F6F6F6

RGB: rgb(246, 246, 246)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,922

Mint Zest #C7FFD8

RGB: rgb(199, 255, 216)
HSL: hsl(138, 100%, 89%)
Luminanz: 0,886

Pale Beryl #98DED9

RGB: rgb(152, 222, 217)
HSL: hsl(176, 51%, 73%)
Luminanz: 0,639

20000 Leagues Under the Sea #161D6F

RGB: rgb(22, 29, 111)
HSL: hsl(235, 67%, 26%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #F6F6F6 auf #161D6F 13,50:1 AAA

Aa #C7FFD8 auf #161D6F 13,01:1 AAA

Aa #98DED9 auf #161D6F 9,58:1 AAA

Aa #F6F6F6 auf #98DED9 1,41:1 Nicht bestanden

Aa #C7FFD8 auf #98DED9 1,36:1 Nicht bestanden

Aa #F6F6F6 auf #C7FFD8 1,04:1 Nicht bestanden

Palette „Mint Zest“ mit 4 Farben