Startseite Farbpaletten Palette „Seashell Peach“ mit 4 Farben

Palette „Seashell Peach“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Seashell Peach“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Hell Komplementär

Likes 6.276

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3C5186;
  --c-muted-2: #9B72AA;
  --c-muted-3: #C6B4CE;
  --c-muted-4: #FFF5DE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Seashell Peach (#FFF5DE) bis zum dunkelsten Ton Dive In (#3C5186). Sie vereint Dive In, Dark Lilac, Lavender Fog und Seashell Peach 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 #3C5186 auf #FFF5DE mit 7,14:1.

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

Farben im Detail

Dive In #3C5186

RGB: rgb(60, 81, 134)
HSL: hsl(223, 38%, 38%)
Luminanz: 0,086

Dark Lilac #9B72AA

RGB: rgb(155, 114, 170)
HSL: hsl(284, 25%, 56%)
Luminanz: 0,219

Lavender Fog #C6B4CE

RGB: rgb(198, 180, 206)
HSL: hsl(282, 21%, 76%)
Luminanz: 0,491

Seashell Peach #FFF5DE

RGB: rgb(255, 245, 222)
HSL: hsl(42, 100%, 94%)
Luminanz: 0,918

Kontrast & Barrierefreiheit

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

Aa #3C5186 auf #FFF5DE 7,14:1 AAA

Aa #3C5186 auf #C6B4CE 3,99:1 AA (großer Text)

Aa #9B72AA auf #FFF5DE 3,60:1 AA (großer Text)

Aa #9B72AA auf #C6B4CE 2,01:1 Nicht bestanden

Aa #3C5186 auf #9B72AA 1,98:1 Nicht bestanden

Aa #C6B4CE auf #FFF5DE 1,79:1 Nicht bestanden

Palette „Seashell Peach“ mit 4 Farben