Startseite Farbpaletten Palette „Ionian“ mit 4 Farben

Palette „Ionian“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Ionian“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 2.710

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #466551;
  --c-muted-2: #368C72;
  --c-muted-3: #7ECBA1;
  --c-muted-4: #E7EED2;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Quiet Rain (#E7EED2) bis zum dunkelsten Ton Cucumber Green (#466551). Sie vereint Cucumber Green, Ionian, Foul Green und Quiet Rain 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 #466551 auf #E7EED2 mit 5,42:1.

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

Farben im Detail

Cucumber Green #466551

RGB: rgb(70, 101, 81)
HSL: hsl(141, 18%, 34%)
Luminanz: 0,112

Ionian #368C72

RGB: rgb(54, 140, 114)
HSL: hsl(162, 44%, 38%)
Luminanz: 0,208

Foul Green #7ECBA1

RGB: rgb(126, 203, 161)
HSL: hsl(147, 43%, 65%)
Luminanz: 0,497

Quiet Rain #E7EED2

RGB: rgb(231, 238, 210)
HSL: hsl(75, 45%, 88%)
Luminanz: 0,828

Kontrast & Barrierefreiheit

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

Aa #466551 auf #E7EED2 5,42:1 AA

Aa #368C72 auf #E7EED2 3,41:1 AA (großer Text)

Aa #466551 auf #7ECBA1 3,38:1 AA (großer Text)

Aa #368C72 auf #7ECBA1 2,12:1 Nicht bestanden

Aa #7ECBA1 auf #E7EED2 1,60:1 Nicht bestanden

Aa #466551 auf #368C72 1,59:1 Nicht bestanden

Palette „Ionian“ mit 4 Farben