Startseite Farbpaletten Palette „Sea Kelp“ mit 4 Farben

Palette „Sea Kelp“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sea Kelp“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 7.537

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #35374B;
  --c-muted-2: #344955;
  --c-muted-3: #50727B;
  --c-muted-4: #78A083;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Aquadulce (#78A083) bis zum dunkelsten Ton Old Mill (#35374B). Sie vereint Old Mill, Sea Kelp, Tornado Season und Aquadulce in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Old Mill #35374B

RGB: rgb(53, 55, 75)
HSL: hsl(235, 17%, 25%)
Luminanz: 0,040

Sea Kelp #344955

RGB: rgb(52, 73, 85)
HSL: hsl(202, 24%, 27%)
Luminanz: 0,062

Tornado Season #50727B

RGB: rgb(80, 114, 123)
HSL: hsl(193, 21%, 40%)
Luminanz: 0,152

Aquadulce #78A083

RGB: rgb(120, 160, 131)
HSL: hsl(137, 17%, 55%)
Luminanz: 0,308

Kontrast & Barrierefreiheit

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

Aa #35374B auf #78A083 3,98:1 AA (großer Text)

Aa #344955 auf #78A083 3,21:1 AA (großer Text)

Aa #35374B auf #50727B 2,24:1 Nicht bestanden

Aa #344955 auf #50727B 1,81:1 Nicht bestanden

Aa #50727B auf #78A083 1,77:1 Nicht bestanden

Aa #35374B auf #344955 1,24:1 Nicht bestanden

Palette „Sea Kelp“ mit 4 Farben