Startseite Farbpaletten Palette „Bryopsida Green“ mit 4 Farben

Palette „Bryopsida Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Bryopsida Green“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Monochrom

Likes 3.792

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #E5F9BD;
  --c-vibrant-2: #A0E418;
  --c-vibrant-3: #7FB414;
  --c-vibrant-4: #525050;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Fall Green (#E5F9BD) bis zum dunkelsten Ton Briquette Grey (#525050). Sie vereint Fall Green, Bryopsida Green, Walk in the Park und Briquette Grey 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 #E5F9BD auf #525050 mit 7,1:1.

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

Farben im Detail

Fall Green #E5F9BD

RGB: rgb(229, 249, 189)
HSL: hsl(80, 83%, 86%)
Luminanz: 0,881

Bryopsida Green #A0E418

RGB: rgb(160, 228, 24)
HSL: hsl(80, 81%, 49%)
Luminanz: 0,630

Walk in the Park #7FB414

RGB: rgb(127, 180, 20)
HSL: hsl(80, 80%, 39%)
Luminanz: 0,372

Briquette Grey #525050

RGB: rgb(82, 80, 80)
HSL: hsl(0, 1%, 32%)
Luminanz: 0,081

Kontrast & Barrierefreiheit

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

Aa #E5F9BD auf #525050 7,10:1 AAA

Aa #A0E418 auf #525050 5,19:1 AA

Aa #7FB414 auf #525050 3,22:1 AA (großer Text)

Aa #E5F9BD auf #7FB414 2,21:1 Nicht bestanden

Aa #A0E418 auf #7FB414 1,61:1 Nicht bestanden

Aa #E5F9BD auf #A0E418 1,37:1 Nicht bestanden

Palette „Bryopsida Green“ mit 4 Farben