Startseite Farbpaletten Stella Saturn

Stella Saturn

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

Zurück zur Bibliothek

Stella Saturn

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

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Komplementär contrast

Likes 38

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #E7D6E9;
  --c-muted-3: #B2A3BD;
  --c-muted-4: #ECFF1A;
  --c-muted-5: #507474;
  --c-muted-6: #1D3131;
  --c-muted-7: #169EC5;
  --c-muted-8: #CC1900;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Dark Pine Green (#1D3131). Sie vereint White, Pale Grey Magenta, Emanation, John Lemon, Rogue Waters, Dark Pine Green, Delos Blue und Vampire State Building in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #1D3131 mit 13,67:1.

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

Farben im Detail

White #FFFFFF

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

Pale Grey Magenta #E7D6E9

RGB: rgb(231, 214, 233)
HSL: hsl(294, 30%, 88%)
Luminanz: 0,710

Emanation #B2A3BD

RGB: rgb(178, 163, 189)
HSL: hsl(275, 16%, 69%)
Luminanz: 0,393

John Lemon #ECFF1A

RGB: rgb(236, 255, 26)
HSL: hsl(65, 100%, 55%)
Luminanz: 0,894

Rogue Waters #507474

RGB: rgb(80, 116, 116)
HSL: hsl(180, 18%, 38%)
Luminanz: 0,155

Dark Pine Green #1D3131

RGB: rgb(29, 49, 49)
HSL: hsl(180, 26%, 15%)
Luminanz: 0,027

Delos Blue #169EC5

RGB: rgb(22, 158, 197)
HSL: hsl(193, 80%, 43%)
Luminanz: 0,287

Vampire State Building #CC1900

RGB: rgb(204, 25, 0)
HSL: hsl(7, 100%, 40%)
Luminanz: 0,135

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #1D3131 13,67:1 AAA

Aa #ECFF1A auf #1D3131 12,30:1 AAA

Aa #E7D6E9 auf #1D3131 9,89:1 AAA

Aa #B2A3BD auf #1D3131 5,77:1 AA

Aa #FFFFFF auf #CC1900 5,67:1 AA

Aa #FFFFFF auf #507474 5,13:1 AA

Aa #ECFF1A auf #CC1900 5,10:1 AA

Aa #ECFF1A auf #507474 4,62:1 AA

Aa #1D3131 auf #169EC5 4,38:1 AA (großer Text)

Aa #E7D6E9 auf #CC1900 4,10:1 AA (großer Text)

Aa #E7D6E9 auf #507474 3,71:1 AA (großer Text)

Aa #FFFFFF auf #169EC5 3,12:1 AA (großer Text)

Aa #ECFF1A auf #169EC5 2,81:1 Nicht bestanden

Aa #507474 auf #1D3131 2,66:1 Nicht bestanden

Aa #1D3131 auf #CC1900 2,41:1 Nicht bestanden

Aa #B2A3BD auf #CC1900 2,39:1 Nicht bestanden

Aa #FFFFFF auf #B2A3BD 2,37:1 Nicht bestanden

Aa #E7D6E9 auf #169EC5 2,26:1 Nicht bestanden

Aa #B2A3BD auf #507474 2,17:1 Nicht bestanden

Aa #B2A3BD auf #ECFF1A 2,13:1 Nicht bestanden

Aa #169EC5 auf #CC1900 1,82:1 Nicht bestanden

Aa #E7D6E9 auf #B2A3BD 1,71:1 Nicht bestanden

Aa #507474 auf #169EC5 1,65:1 Nicht bestanden

Aa #FFFFFF auf #E7D6E9 1,38:1 Nicht bestanden

Aa #B2A3BD auf #169EC5 1,32:1 Nicht bestanden

Aa #E7D6E9 auf #ECFF1A 1,24:1 Nicht bestanden

Aa #FFFFFF auf #ECFF1A 1,11:1 Nicht bestanden

Aa #507474 auf #CC1900 1,10:1 Nicht bestanden

Stella Saturn

Stella Saturn

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen