Startseite Farbpaletten Palette „Straw Yellow“ mit 4 Farben

Palette „Straw Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Straw Yellow“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 1.832

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #304D4E;
  --c-muted-2: #4B7551;
  --c-muted-3: #8A9E52;
  --c-muted-4: #F0D699;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Straw Yellow (#F0D699) bis zum dunkelsten Ton Similar to Slate (#304D4E). Sie vereint Similar to Slate, Killarney, Spinach Green und Straw Yellow 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 #304D4E auf #F0D699 mit 6,44:1.

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

Farben im Detail

Similar to Slate #304D4E

RGB: rgb(48, 77, 78)
HSL: hsl(182, 24%, 25%)
Luminanz: 0,065

Killarney #4B7551

RGB: rgb(75, 117, 81)
HSL: hsl(129, 22%, 38%)
Luminanz: 0,148

Spinach Green #8A9E52

RGB: rgb(138, 158, 82)
HSL: hsl(76, 32%, 47%)
Luminanz: 0,305

Straw Yellow #F0D699

RGB: rgb(240, 214, 153)
HSL: hsl(42, 74%, 77%)
Luminanz: 0,689

Kontrast & Barrierefreiheit

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

Aa #304D4E auf #F0D699 6,44:1 AA

Aa #4B7551 auf #F0D699 3,73:1 AA (großer Text)

Aa #304D4E auf #8A9E52 3,09:1 AA (großer Text)

Aa #8A9E52 auf #F0D699 2,08:1 Nicht bestanden

Aa #4B7551 auf #8A9E52 1,79:1 Nicht bestanden

Aa #304D4E auf #4B7551 1,72:1 Nicht bestanden

Palette „Straw Yellow“ mit 4 Farben