Startseite Farbpaletten Palette „Whispering Peach“ mit 4 Farben

Palette „Whispering Peach“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Whispering Peach“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 5.355

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FFDBC3;
  --c-muted-2: #9F91CC;
  --c-muted-3: #5C4B99;
  --c-muted-4: #3D246C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Whispering Peach (#FFDBC3) bis zum dunkelsten Ton Fading Horizon (#3D246C). Sie vereint Whispering Peach, Distinct Purple, Coronation Blue und Fading Horizon 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 #FFDBC3 auf #3D246C mit 9,7:1.

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

Farben im Detail

Whispering Peach #FFDBC3

RGB: rgb(255, 219, 195)
HSL: hsl(24, 100%, 88%)
Luminanz: 0,759

Distinct Purple #9F91CC

RGB: rgb(159, 145, 204)
HSL: hsl(254, 37%, 68%)
Luminanz: 0,320

Coronation Blue #5C4B99

RGB: rgb(92, 75, 153)
HSL: hsl(253, 34%, 45%)
Luminanz: 0,096

Fading Horizon #3D246C

RGB: rgb(61, 36, 108)
HSL: hsl(261, 50%, 28%)
Luminanz: 0,033

Kontrast & Barrierefreiheit

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

Aa #FFDBC3 auf #3D246C 9,70:1 AAA

Aa #FFDBC3 auf #5C4B99 5,54:1 AA

Aa #9F91CC auf #3D246C 4,44:1 AA (großer Text)

Aa #9F91CC auf #5C4B99 2,53:1 Nicht bestanden

Aa #FFDBC3 auf #9F91CC 2,19:1 Nicht bestanden

Aa #5C4B99 auf #3D246C 1,75:1 Nicht bestanden

Palette „Whispering Peach“ mit 4 Farben