Startseite Farbpaletten Palette „Saga Blue“ mit 4 Farben

Palette „Saga Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Saga Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 7.141

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #351F39;
  --c-muted-2: #726A95;
  --c-muted-3: #719FB0;
  --c-muted-4: #A0C1B8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cascade Green (#A0C1B8) bis zum dunkelsten Ton Fat Tuesday (#351F39). Sie vereint Fat Tuesday, Purple Grapes, Saga Blue und Cascade Green 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 #351F39 auf #A0C1B8 mit 7,69:1.

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

Farben im Detail

Fat Tuesday #351F39

RGB: rgb(53, 31, 57)
HSL: hsl(291, 30%, 17%)
Luminanz: 0,020

Purple Grapes #726A95

RGB: rgb(114, 106, 149)
HSL: hsl(251, 17%, 50%)
Luminanz: 0,161

Saga Blue #719FB0

RGB: rgb(113, 159, 176)
HSL: hsl(196, 29%, 57%)
Luminanz: 0,314

Cascade Green #A0C1B8

RGB: rgb(160, 193, 184)
HSL: hsl(164, 21%, 69%)
Luminanz: 0,491

Kontrast & Barrierefreiheit

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

Aa #351F39 auf #A0C1B8 7,69:1 AAA

Aa #351F39 auf #719FB0 5,18:1 AA

Aa #351F39 auf #726A95 2,99:1 Nicht bestanden

Aa #726A95 auf #A0C1B8 2,57:1 Nicht bestanden

Aa #726A95 auf #719FB0 1,73:1 Nicht bestanden

Aa #719FB0 auf #A0C1B8 1,48:1 Nicht bestanden

Palette „Saga Blue“ mit 4 Farben