Startseite Farbpaletten Palette „Self-Love“ mit 4 Farben

Palette „Self-Love“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Self-Love“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 4.054

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F0EEED;
  --c-muted-2: #609EA2;
  --c-muted-3: #C92C6D;
  --c-muted-4: #332C39;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Perfect White (#F0EEED) bis zum dunkelsten Ton Obsidian Red (#332C39). Sie vereint Perfect White, Cadet Blue, Self-Love und Obsidian Red 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 #F0EEED auf #332C39 mit 11,64:1.

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

Farben im Detail

Perfect White #F0EEED

RGB: rgb(240, 238, 237)
HSL: hsl(20, 9%, 94%)
Luminanz: 0,858

Cadet Blue #609EA2

RGB: rgb(96, 158, 162)
HSL: hsl(184, 26%, 51%)
Luminanz: 0,296

Self-Love #C92C6D

RGB: rgb(201, 44, 109)
HSL: hsl(335, 64%, 48%)
Luminanz: 0,153

Obsidian Red #332C39

RGB: rgb(51, 44, 57)
HSL: hsl(272, 13%, 20%)
Luminanz: 0,028

Kontrast & Barrierefreiheit

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

Aa #F0EEED auf #332C39 11,64:1 AAA

Aa #F0EEED auf #C92C6D 4,47:1 AA (großer Text)

Aa #609EA2 auf #332C39 4,43:1 AA (großer Text)

Aa #F0EEED auf #609EA2 2,63:1 Nicht bestanden

Aa #C92C6D auf #332C39 2,61:1 Nicht bestanden

Aa #609EA2 auf #C92C6D 1,70:1 Nicht bestanden

Palette „Self-Love“ mit 4 Farben