Seabed 1

Palette mit 7 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Seabed 1

Palette mit 7 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Komplementär

Likes 21

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #695665;
  --c-muted-2: #7C768D;
  --c-muted-3: #7ECCB8;
  --c-muted-4: #B4E1C1;
  --c-muted-5: #E6BDF0;
  --c-muted-6: #C491D0;
  --c-muted-7: #91659C;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Lattice Work (#B4E1C1) bis zum dunkelsten Ton Preservation Plum (#695665). Sie vereint Preservation Plum, Mythical, Bevelled Glass, Lattice Work, Beefy Pink, Amethyst Show und Aster Violetta in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #695665 auf #B4E1C1 mit 4,64:1.

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

Farben im Detail

Preservation Plum #695665

RGB: rgb(105, 86, 101)
HSL: hsl(313, 10%, 37%)
Luminanz: 0,106

Mythical #7C768D

RGB: rgb(124, 118, 141)
HSL: hsl(256, 9%, 51%)
Luminanz: 0,192

Bevelled Glass #7ECCB8

RGB: rgb(126, 204, 184)
HSL: hsl(165, 43%, 65%)
Luminanz: 0,511

Lattice Work #B4E1C1

RGB: rgb(180, 225, 193)
HSL: hsl(137, 43%, 79%)
Luminanz: 0,674

Beefy Pink #E6BDF0

RGB: rgb(230, 189, 240)
HSL: hsl(288, 63%, 84%)
Luminanz: 0,595

Amethyst Show #C491D0

RGB: rgb(196, 145, 208)
HSL: hsl(289, 40%, 69%)
Luminanz: 0,365

Aster Violetta #91659C

RGB: rgb(145, 101, 156)
HSL: hsl(288, 22%, 50%)
Luminanz: 0,177

Kontrast & Barrierefreiheit

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

Aa #695665 auf #B4E1C1 4,64:1 AA

Aa #695665 auf #E6BDF0 4,14:1 AA (großer Text)

Aa #695665 auf #7ECCB8 3,60:1 AA (großer Text)

Aa #B4E1C1 auf #91659C 3,19:1 AA (großer Text)

Aa #7C768D auf #B4E1C1 3,00:1 AA (großer Text)

Aa #E6BDF0 auf #91659C 2,84:1 Nicht bestanden

Aa #7C768D auf #E6BDF0 2,67:1 Nicht bestanden

Aa #695665 auf #C491D0 2,66:1 Nicht bestanden

Aa #7ECCB8 auf #91659C 2,47:1 Nicht bestanden

Aa #7C768D auf #7ECCB8 2,32:1 Nicht bestanden

Aa #C491D0 auf #91659C 1,83:1 Nicht bestanden

Aa #B4E1C1 auf #C491D0 1,74:1 Nicht bestanden

Aa #7C768D auf #C491D0 1,72:1 Nicht bestanden

Aa #695665 auf #7C768D 1,55:1 Nicht bestanden

Aa #E6BDF0 auf #C491D0 1,55:1 Nicht bestanden

Aa #695665 auf #91659C 1,46:1 Nicht bestanden

Aa #7ECCB8 auf #C491D0 1,35:1 Nicht bestanden

Aa #7ECCB8 auf #B4E1C1 1,29:1 Nicht bestanden

Aa #7ECCB8 auf #E6BDF0 1,15:1 Nicht bestanden

Aa #B4E1C1 auf #E6BDF0 1,12:1 Nicht bestanden

Aa #7C768D auf #91659C 1,06:1 Nicht bestanden

Seabed 1

Seabed 1

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen