Serenitas

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

Zurück zur Bibliothek

Serenitas

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär polyphrog gb smooth grr

Likes 40

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FBFF96;
  --c-muted-2: #8ED761;
  --c-muted-3: #3D5440;
  --c-muted-4: #2C1421;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pastel Yellow (#FBFF96) bis zum dunkelsten Ton Black Cherry (#2C1421). Sie vereint Pastel Yellow, Bright Lettuce, Highlander und Black Cherry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FBFF96 auf #2C1421 mit 16,15:1.

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

Farben im Detail

Pastel Yellow #FBFF96

RGB: rgb(251, 255, 150)
HSL: hsl(62, 100%, 79%)
Luminanz: 0,942

Bright Lettuce #8ED761

RGB: rgb(142, 215, 97)
HSL: hsl(97, 60%, 61%)
Luminanz: 0,552

Highlander #3D5440

RGB: rgb(61, 84, 64)
HSL: hsl(128, 16%, 28%)
Luminanz: 0,077

Black Cherry #2C1421

RGB: rgb(44, 20, 33)
HSL: hsl(328, 38%, 13%)
Luminanz: 0,012

Kontrast & Barrierefreiheit

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

Aa #FBFF96 auf #2C1421 16,15:1 AAA

Aa #8ED761 auf #2C1421 9,80:1 AAA

Aa #FBFF96 auf #3D5440 7,81:1 AAA

Aa #8ED761 auf #3D5440 4,74:1 AA

Aa #3D5440 auf #2C1421 2,07:1 Nicht bestanden

Aa #FBFF96 auf #8ED761 1,65:1 Nicht bestanden

Serenitas

Serenitas

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen