Startseite Farbpaletten Palette „Cosmic Red“ mit 4 Farben

Palette „Cosmic Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cosmic Red“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 3.604

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #151D3B;
  --c-muted-2: #D82148;
  --c-muted-3: #6EBF8B;
  --c-muted-4: #DADBBD;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Apple Cucumber (#DADBBD) bis zum dunkelsten Ton Nightwalker (#151D3B). Sie vereint Nightwalker, Cosmic Red, Clover Mist und Apple Cucumber in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #151D3B auf #DADBBD mit 11,68:1.

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

Farben im Detail

Nightwalker #151D3B

RGB: rgb(21, 29, 59)
HSL: hsl(227, 48%, 16%)
Luminanz: 0,014

Cosmic Red #D82148

RGB: rgb(216, 33, 72)
HSL: hsl(347, 73%, 49%)
Luminanz: 0,162

Clover Mist #6EBF8B

RGB: rgb(110, 191, 139)
HSL: hsl(141, 39%, 59%)
Luminanz: 0,424

Apple Cucumber #DADBBD

RGB: rgb(218, 219, 189)
HSL: hsl(62, 29%, 80%)
Luminanz: 0,692

Kontrast & Barrierefreiheit

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

Aa #151D3B auf #DADBBD 11,68:1 AAA

Aa #151D3B auf #6EBF8B 7,47:1 AAA

Aa #D82148 auf #DADBBD 3,51:1 AA (großer Text)

Aa #151D3B auf #D82148 3,33:1 AA (großer Text)

Aa #D82148 auf #6EBF8B 2,24:1 Nicht bestanden

Aa #6EBF8B auf #DADBBD 1,56:1 Nicht bestanden

Palette „Cosmic Red“ mit 4 Farben