Startseite Farbpaletten Palette „UP Forest Green“ mit 4 Farben

Palette „UP Forest Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „UP Forest Green“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 3.517

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #004030;
  --c-vibrant-2: #4A9782;
  --c-vibrant-3: #DCD0A8;
  --c-vibrant-4: #FFF9E5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Magnolia (#FFF9E5) bis zum dunkelsten Ton UP Forest Green (#004030). Sie vereint UP Forest Green, Crisp Lettuce, Capital Grains und Magnolia in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #004030 auf #FFF9E5 mit 11,22:1.

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

Farben im Detail

UP Forest Green #004030

RGB: rgb(0, 64, 48)
HSL: hsl(165, 100%, 13%)
Luminanz: 0,039

Crisp Lettuce #4A9782

RGB: rgb(74, 151, 130)
HSL: hsl(164, 34%, 44%)
Luminanz: 0,252

Capital Grains #DCD0A8

RGB: rgb(220, 208, 168)
HSL: hsl(46, 43%, 76%)
Luminanz: 0,632

Magnolia #FFF9E5

RGB: rgb(255, 249, 229)
HSL: hsl(46, 100%, 95%)
Luminanz: 0,947

Kontrast & Barrierefreiheit

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

Aa #004030 auf #FFF9E5 11,22:1 AAA

Aa #004030 auf #DCD0A8 7,67:1 AAA

Aa #004030 auf #4A9782 3,40:1 AA (großer Text)

Aa #4A9782 auf #FFF9E5 3,30:1 AA (großer Text)

Aa #4A9782 auf #DCD0A8 2,26:1 Nicht bestanden

Aa #DCD0A8 auf #FFF9E5 1,46:1 Nicht bestanden

Palette „UP Forest Green“ mit 4 Farben