Lavender4

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

Zurück zur Bibliothek

Lavender4

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär purple yellow gb lavender

Likes 41

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #542B60;
  --c-muted-2: #7F62A3;
  --c-muted-3: #BBAD6A;
  --c-muted-4: #CDDD93;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Spring Lawn (#CDDD93) bis zum dunkelsten Ton Kuwanomi Purple (#542B60). Sie vereint Kuwanomi Purple, Chive Blossom, Swampwater und Spring Lawn 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 #542B60 auf #CDDD93 mit 7,59:1.

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

Farben im Detail

Kuwanomi Purple #542B60

RGB: rgb(84, 43, 96)
HSL: hsl(286, 38%, 27%)
Luminanz: 0,045

Chive Blossom #7F62A3

RGB: rgb(127, 98, 163)
HSL: hsl(267, 26%, 51%)
Luminanz: 0,159

Swampwater #BBAD6A

RGB: rgb(187, 173, 106)
HSL: hsl(50, 37%, 57%)
Luminanz: 0,415

Spring Lawn #CDDD93

RGB: rgb(205, 221, 147)
HSL: hsl(73, 52%, 72%)
Luminanz: 0,668

Kontrast & Barrierefreiheit

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

Aa #542B60 auf #CDDD93 7,59:1 AAA

Aa #542B60 auf #BBAD6A 4,92:1 AA

Aa #7F62A3 auf #CDDD93 3,44:1 AA (großer Text)

Aa #7F62A3 auf #BBAD6A 2,23:1 Nicht bestanden

Aa #542B60 auf #7F62A3 2,21:1 Nicht bestanden

Aa #BBAD6A auf #CDDD93 1,54:1 Nicht bestanden

Lavender4

Lavender4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen