Startseite Farbpaletten Palette „Wax Yellow“ mit 4 Farben

Palette „Wax Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Wax Yellow“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog

Likes 2.541

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #373331;
  --c-muted-2: #605A56;
  --c-muted-3: #80AC7B;
  --c-muted-4: #E8EAA1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Wax Yellow (#E8EAA1) bis zum dunkelsten Ton Gondola (#373331). Sie vereint Gondola, Mountain Quail, Verdant Haven und Wax Yellow 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 #373331 auf #E8EAA1 mit 9,95:1.

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

Farben im Detail

Gondola #373331

RGB: rgb(55, 51, 49)
HSL: hsl(20, 6%, 20%)
Luminanz: 0,034

Mountain Quail #605A56

RGB: rgb(96, 90, 86)
HSL: hsl(24, 5%, 36%)
Luminanz: 0,105

Verdant Haven #80AC7B

RGB: rgb(128, 172, 123)
HSL: hsl(114, 23%, 58%)
Luminanz: 0,355

Wax Yellow #E8EAA1

RGB: rgb(232, 234, 161)
HSL: hsl(62, 63%, 77%)
Luminanz: 0,786

Kontrast & Barrierefreiheit

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

Aa #373331 auf #E8EAA1 9,95:1 AAA

Aa #605A56 auf #E8EAA1 5,40:1 AA

Aa #373331 auf #80AC7B 4,82:1 AA

Aa #605A56 auf #80AC7B 2,62:1 Nicht bestanden

Aa #80AC7B auf #E8EAA1 2,06:1 Nicht bestanden

Aa #373331 auf #605A56 1,84:1 Nicht bestanden

Palette „Wax Yellow“ mit 4 Farben