Startseite Farbpaletten Palette „Reductant“ mit 4 Farben

Palette „Reductant“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Reductant“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 3.235

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EAFBEA;
  --c-muted-2: #6F9A8D;
  --c-muted-3: #1F6650;
  --c-muted-4: #EA5E5E;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Placebo Green (#EAFBEA) bis zum dunkelsten Ton Celtic Green (#1F6650). Sie vereint Placebo Green, Copper Roof Green, Celtic Green und Reductant 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 #EAFBEA auf #1F6650 mit 6,34:1.

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

Farben im Detail

Placebo Green #EAFBEA

RGB: rgb(234, 251, 234)
HSL: hsl(120, 68%, 95%)
Luminanz: 0,924

Copper Roof Green #6F9A8D

RGB: rgb(111, 154, 141)
HSL: hsl(162, 18%, 52%)
Luminanz: 0,284

Celtic Green #1F6650

RGB: rgb(31, 102, 80)
HSL: hsl(161, 53%, 26%)
Luminanz: 0,104

Reductant #EA5E5E

RGB: rgb(234, 94, 94)
HSL: hsl(0, 77%, 64%)
Luminanz: 0,263

Kontrast & Barrierefreiheit

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

Aa #EAFBEA auf #1F6650 6,34:1 AA

Aa #EAFBEA auf #EA5E5E 3,11:1 AA (großer Text)

Aa #EAFBEA auf #6F9A8D 2,92:1 Nicht bestanden

Aa #6F9A8D auf #1F6650 2,17:1 Nicht bestanden

Aa #1F6650 auf #EA5E5E 2,04:1 Nicht bestanden

Aa #6F9A8D auf #EA5E5E 1,07:1 Nicht bestanden

Palette „Reductant“ mit 4 Farben