Fartgator 07

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Fartgator 07

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 7 Farben Warm Gemischt Triadisch green 7 alligator07 fartgator

Likes 14

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #141214;
  --c-muted-2: #33402E;
  --c-muted-3: #4D5E5E;
  --c-muted-4: #488463;
  --c-muted-5: #9FB846;
  --c-muted-6: #EABF5B;
  --c-muted-7: #FFFFE0;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Winter Duvet (#FFFFE0) bis zum dunkelsten Ton Kettle Black (#141214). Sie vereint Kettle Black, Aged Pine, Still Waters Run Deep, Mallard Green, Clipped Grass, I’m a Local und Winter Duvet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #141214 auf #FFFFE0 mit 18,32:1.

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

Farben im Detail

Kettle Black #141214

RGB: rgb(20, 18, 20)
HSL: hsl(300, 5%, 7%)
Luminanz: 0,006

Aged Pine #33402E

RGB: rgb(51, 64, 46)
HSL: hsl(103, 16%, 22%)
Luminanz: 0,046

Still Waters Run Deep #4D5E5E

RGB: rgb(77, 94, 94)
HSL: hsl(180, 10%, 34%)
Luminanz: 0,104

Mallard Green #488463

RGB: rgb(72, 132, 99)
HSL: hsl(147, 29%, 40%)
Luminanz: 0,188

Clipped Grass #9FB846

RGB: rgb(159, 184, 70)
HSL: hsl(73, 45%, 50%)
Luminanz: 0,421

I’m a Local #EABF5B

RGB: rgb(234, 191, 91)
HSL: hsl(42, 77%, 64%)
Luminanz: 0,555

Winter Duvet #FFFFE0

RGB: rgb(255, 255, 224)
HSL: hsl(60, 100%, 94%)
Luminanz: 0,982

Kontrast & Barrierefreiheit

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

Aa #141214 auf #FFFFE0 18,32:1 AAA

Aa #33402E auf #FFFFE0 10,78:1 AAA

Aa #141214 auf #EABF5B 10,74:1 AAA

Aa #141214 auf #9FB846 8,36:1 AAA

Aa #4D5E5E auf #FFFFE0 6,70:1 AA

Aa #33402E auf #EABF5B 6,32:1 AA

Aa #33402E auf #9FB846 4,92:1 AA

Aa #488463 auf #FFFFE0 4,34:1 AA (großer Text)

Aa #141214 auf #488463 4,22:1 AA (großer Text)

Aa #4D5E5E auf #EABF5B 3,93:1 AA (großer Text)

Aa #4D5E5E auf #9FB846 3,06:1 AA (großer Text)

Aa #141214 auf #4D5E5E 2,73:1 Nicht bestanden

Aa #488463 auf #EABF5B 2,54:1 Nicht bestanden

Aa #33402E auf #488463 2,49:1 Nicht bestanden

Aa #9FB846 auf #FFFFE0 2,19:1 Nicht bestanden

Aa #488463 auf #9FB846 1,98:1 Nicht bestanden

Aa #141214 auf #33402E 1,70:1 Nicht bestanden

Aa #EABF5B auf #FFFFE0 1,70:1 Nicht bestanden

Aa #33402E auf #4D5E5E 1,61:1 Nicht bestanden

Aa #4D5E5E auf #488463 1,55:1 Nicht bestanden

Aa #9FB846 auf #EABF5B 1,28:1 Nicht bestanden

Fartgator 07

Fartgator 07

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen