Cool Sweater

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

Zurück zur Bibliothek

Cool Sweater

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär artist gameboy 4 retro

Likes 54

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #10081A;
  --c-muted-2: #78A7F5;
  --c-muted-3: #FCD19B;
  --c-muted-4: #FFFFFF;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Tristesse (#10081A). Sie vereint Tristesse, Fennel Flower, Warm Cocoon und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #10081A auf #FFFFFF mit 19,6:1.

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

Farben im Detail

Tristesse #10081A

RGB: rgb(16, 8, 26)
HSL: hsl(267, 53%, 7%)
Luminanz: 0,004

Fennel Flower #78A7F5

RGB: rgb(120, 167, 245)
HSL: hsl(217, 86%, 72%)
Luminanz: 0,382

Warm Cocoon #FCD19B

RGB: rgb(252, 209, 155)
HSL: hsl(33, 94%, 80%)
Luminanz: 0,687

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #10081A auf #FFFFFF 19,60:1 AAA

Aa #10081A auf #FCD19B 13,75:1 AAA

Aa #10081A auf #78A7F5 8,07:1 AAA

Aa #78A7F5 auf #FFFFFF 2,43:1 Nicht bestanden

Aa #78A7F5 auf #FCD19B 1,70:1 Nicht bestanden

Aa #FCD19B auf #FFFFFF 1,43:1 Nicht bestanden

Cool Sweater

Cool Sweater

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen