Startseite Farbpaletten Palette „Freshman“ mit 4 Farben

Palette „Freshman“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Freshman“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär

Likes 3.088

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #5D414D;
  --c-muted-2: #7E858B;
  --c-muted-3: #ABD4C1;
  --c-muted-4: #E5F6C6;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Freshman (#E5F6C6) bis zum dunkelsten Ton Majestic (#5D414D). Sie vereint Majestic, Serious Cloud, Southern Belle und Freshman 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 #5D414D auf #E5F6C6 mit 7,87:1.

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

Farben im Detail

Majestic #5D414D

RGB: rgb(93, 65, 77)
HSL: hsl(334, 18%, 31%)
Luminanz: 0,066

Serious Cloud #7E858B

RGB: rgb(126, 133, 139)
HSL: hsl(208, 5%, 52%)
Luminanz: 0,231

Southern Belle #ABD4C1

RGB: rgb(171, 212, 193)
HSL: hsl(152, 32%, 75%)
Luminanz: 0,596

Freshman #E5F6C6

RGB: rgb(229, 246, 198)
HSL: hsl(81, 73%, 87%)
Luminanz: 0,867

Kontrast & Barrierefreiheit

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

Aa #5D414D auf #E5F6C6 7,87:1 AAA

Aa #5D414D auf #ABD4C1 5,55:1 AA

Aa #7E858B auf #E5F6C6 3,26:1 AA (großer Text)

Aa #5D414D auf #7E858B 2,41:1 Nicht bestanden

Aa #7E858B auf #ABD4C1 2,30:1 Nicht bestanden

Aa #ABD4C1 auf #E5F6C6 1,42:1 Nicht bestanden

Palette „Freshman“ mit 4 Farben