Startseite Farbpaletten Palette „Peach Scone“ mit 4 Farben

Palette „Peach Scone“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Peach Scone“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Hell Komplementär

Likes 4.101

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #363636;
  --c-muted-2: #99D8D0;
  --c-muted-3: #B7EFCD;
  --c-muted-4: #FFBCBC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Mystery Mint (#B7EFCD) bis zum dunkelsten Ton Dark Grey (#363636). Sie vereint Dark Grey, In the Shallows, Mystery Mint und Peach Scone in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #363636 auf #B7EFCD mit 9,35:1.

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

Farben im Detail

Dark Grey #363636

RGB: rgb(54, 54, 54)
HSL: hsl(0, 0%, 21%)
Luminanz: 0,037

In the Shallows #99D8D0

RGB: rgb(153, 216, 208)
HSL: hsl(172, 45%, 72%)
Luminanz: 0,604

Mystery Mint #B7EFCD

RGB: rgb(183, 239, 205)
HSL: hsl(144, 64%, 83%)
Luminanz: 0,762

Peach Scone #FFBCBC

RGB: rgb(255, 188, 188)
HSL: hsl(0, 100%, 87%)
Luminanz: 0,609

Kontrast & Barrierefreiheit

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

Aa #363636 auf #B7EFCD 9,35:1 AAA

Aa #363636 auf #FFBCBC 7,58:1 AAA

Aa #363636 auf #99D8D0 7,53:1 AAA

Aa #99D8D0 auf #B7EFCD 1,24:1 Nicht bestanden

Aa #B7EFCD auf #FFBCBC 1,23:1 Nicht bestanden

Aa #99D8D0 auf #FFBCBC 1,01:1 Nicht bestanden

Palette „Peach Scone“ mit 4 Farben