Eibre 19

Palette mit 6 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Eibre 19

Palette mit 6 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 6 Farben Warm Hell Komplementär

Likes 15

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #BFB7BE;
  --c-muted-2: #F1E7D5;
  --c-muted-3: #EED6DA;
  --c-muted-4: #E7AEE3;
  --c-muted-5: #7C69A3;
  --c-muted-6: #4E4B87;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Rice Bowl (#F1E7D5) bis zum dunkelsten Ton Beaded Blue (#4E4B87). Sie vereint Standing Ovation, Rice Bowl, Pale Rose, Land of Dreams, Purple Paradise und Beaded Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1E7D5 auf #4E4B87 mit 6,39:1.

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

Farben im Detail

Standing Ovation #BFB7BE

RGB: rgb(191, 183, 190)
HSL: hsl(308, 6%, 73%)
Luminanz: 0,487

Rice Bowl #F1E7D5

RGB: rgb(241, 231, 213)
HSL: hsl(39, 50%, 89%)
Luminanz: 0,807

Pale Rose #EED6DA

RGB: rgb(238, 214, 218)
HSL: hsl(350, 41%, 89%)
Luminanz: 0,713

Land of Dreams #E7AEE3

RGB: rgb(231, 174, 227)
HSL: hsl(304, 54%, 79%)
Luminanz: 0,528

Purple Paradise #7C69A3

RGB: rgb(124, 105, 163)
HSL: hsl(260, 24%, 53%)
Luminanz: 0,170

Beaded Blue #4E4B87

RGB: rgb(78, 75, 135)
HSL: hsl(243, 29%, 41%)
Luminanz: 0,084

Kontrast & Barrierefreiheit

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

Aa #F1E7D5 auf #4E4B87 6,39:1 AA

Aa #EED6DA auf #4E4B87 5,70:1 AA

Aa #E7AEE3 auf #4E4B87 4,31:1 AA (großer Text)

Aa #BFB7BE auf #4E4B87 4,00:1 AA (großer Text)

Aa #F1E7D5 auf #7C69A3 3,89:1 AA (großer Text)

Aa #EED6DA auf #7C69A3 3,46:1 AA (großer Text)

Aa #E7AEE3 auf #7C69A3 2,62:1 Nicht bestanden

Aa #BFB7BE auf #7C69A3 2,44:1 Nicht bestanden

Aa #7C69A3 auf #4E4B87 1,64:1 Nicht bestanden

Aa #BFB7BE auf #F1E7D5 1,60:1 Nicht bestanden

Aa #F1E7D5 auf #E7AEE3 1,48:1 Nicht bestanden

Aa #BFB7BE auf #EED6DA 1,42:1 Nicht bestanden

Aa #EED6DA auf #E7AEE3 1,32:1 Nicht bestanden

Aa #F1E7D5 auf #EED6DA 1,12:1 Nicht bestanden

Aa #BFB7BE auf #E7AEE3 1,08:1 Nicht bestanden

Eibre 19

Eibre 19

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen