Startseite Farbpaletten Palette „Winter White“ mit 4 Farben

Palette „Winter White“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Winter White“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 5.704

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #4C585B;
  --c-muted-2: #7E99A3;
  --c-muted-3: #A5BFCC;
  --c-muted-4: #F4EDD3;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Winter White (#F4EDD3) bis zum dunkelsten Ton Cobalt Cannon (#4C585B). Sie vereint Cobalt Cannon, Tranquil Aqua, Sea Breeze und Winter White 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 #4C585B auf #F4EDD3 mit 6,27:1.

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

Farben im Detail

Cobalt Cannon #4C585B

RGB: rgb(76, 88, 91)
HSL: hsl(192, 9%, 33%)
Luminanz: 0,093

Tranquil Aqua #7E99A3

RGB: rgb(126, 153, 163)
HSL: hsl(196, 17%, 57%)
Luminanz: 0,299

Sea Breeze #A5BFCC

RGB: rgb(165, 191, 204)
HSL: hsl(200, 28%, 72%)
Luminanz: 0,496

Winter White #F4EDD3

RGB: rgb(244, 237, 211)
HSL: hsl(47, 60%, 89%)
Luminanz: 0,845

Kontrast & Barrierefreiheit

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

Aa #4C585B auf #F4EDD3 6,27:1 AA

Aa #4C585B auf #A5BFCC 3,83:1 AA (großer Text)

Aa #7E99A3 auf #F4EDD3 2,57:1 Nicht bestanden

Aa #4C585B auf #7E99A3 2,44:1 Nicht bestanden

Aa #A5BFCC auf #F4EDD3 1,64:1 Nicht bestanden

Aa #7E99A3 auf #A5BFCC 1,57:1 Nicht bestanden

Palette „Winter White“ mit 4 Farben