Startseite Farbpaletten Palette „Let It Snow“ mit 4 Farben

Palette „Let It Snow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Let It Snow“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 2.685

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #718CA1;
  --c-muted-2: #59748C;
  --c-muted-3: #354D62;
  --c-muted-4: #D7F2F7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Let It Snow (#D7F2F7) bis zum dunkelsten Ton Blue Fedora (#354D62). Sie vereint Bermuda Triangle, Copen Blue, Blue Fedora und Let It Snow 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 #354D62 auf #D7F2F7 mit 7,51:1.

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

Farben im Detail

Bermuda Triangle #718CA1

RGB: rgb(113, 140, 161)
HSL: hsl(206, 20%, 54%)
Luminanz: 0,248

Copen Blue #59748C

RGB: rgb(89, 116, 140)
HSL: hsl(208, 22%, 45%)
Luminanz: 0,165

Blue Fedora #354D62

RGB: rgb(53, 77, 98)
HSL: hsl(208, 30%, 30%)
Luminanz: 0,070

Let It Snow #D7F2F7

RGB: rgb(215, 242, 247)
HSL: hsl(189, 67%, 91%)
Luminanz: 0,847

Kontrast & Barrierefreiheit

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

Aa #354D62 auf #D7F2F7 7,51:1 AAA

Aa #59748C auf #D7F2F7 4,17:1 AA (großer Text)

Aa #718CA1 auf #D7F2F7 3,00:1 AA (großer Text)

Aa #718CA1 auf #354D62 2,50:1 Nicht bestanden

Aa #59748C auf #354D62 1,80:1 Nicht bestanden

Aa #718CA1 auf #59748C 1,39:1 Nicht bestanden

Palette „Let It Snow“ mit 4 Farben