Startseite Farbpaletten TY Glass Feelings 4

TY Glass Feelings 4

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

Zurück zur Bibliothek

TY Glass Feelings 4

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär

Likes 19

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #DFD8C0;
  --c-muted-2: #B1B094;
  --c-muted-3: #728582;
  --c-muted-4: #41435A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Dream Grass (#DFD8C0) bis zum dunkelsten Ton Amphystine (#41435A). Sie vereint Dream Grass, Dill Seed, Armour und Amphystine 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 #DFD8C0 auf #41435A mit 6,77:1.

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

Farben im Detail

Dream Grass #DFD8C0

RGB: rgb(223, 216, 192)
HSL: hsl(46, 33%, 81%)
Luminanz: 0,686

Dill Seed #B1B094

RGB: rgb(177, 176, 148)
HSL: hsl(58, 16%, 64%)
Luminanz: 0,425

Armour #728582

RGB: rgb(114, 133, 130)
HSL: hsl(171, 8%, 48%)
Luminanz: 0,220

Amphystine #41435A

RGB: rgb(65, 67, 90)
HSL: hsl(235, 16%, 30%)
Luminanz: 0,059

Kontrast & Barrierefreiheit

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

Aa #DFD8C0 auf #41435A 6,77:1 AA

Aa #B1B094 auf #41435A 4,37:1 AA (großer Text)

Aa #DFD8C0 auf #728582 2,73:1 Nicht bestanden

Aa #728582 auf #41435A 2,48:1 Nicht bestanden

Aa #B1B094 auf #728582 1,76:1 Nicht bestanden

Aa #DFD8C0 auf #B1B094 1,55:1 Nicht bestanden

TY Glass Feelings 4