AG 500

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

Zurück zur Bibliothek

AG 500

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

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Komplementär limited retro 80s panasonic

Likes 13

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #F3F3EE;
  --c-muted-2: #C0C2BB;
  --c-muted-3: #1CB9B5;
  --c-muted-4: #4C8ED2;
  --c-muted-5: #636572;
  --c-muted-6: #111111;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Pearl White (#F3F3EE) bis zum dunkelsten Ton Dreamless Sleep (#111111). Sie vereint Pearl White, Blithe Mood, Swagger, Blue Dart, Comet und Dreamless Sleep in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F3F3EE auf #111111 mit 16,96:1.

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

Farben im Detail

Pearl White #F3F3EE

RGB: rgb(243, 243, 238)
HSL: hsl(60, 17%, 94%)
Luminanz: 0,893

Blithe Mood #C0C2BB

RGB: rgb(192, 194, 187)
HSL: hsl(77, 5%, 75%)
Luminanz: 0,534

Swagger #1CB9B5

RGB: rgb(28, 185, 181)
HSL: hsl(178, 74%, 42%)
Luminanz: 0,383

Blue Dart #4C8ED2

RGB: rgb(76, 142, 210)
HSL: hsl(210, 60%, 56%)
Luminanz: 0,255

Comet #636572

RGB: rgb(99, 101, 114)
HSL: hsl(232, 7%, 42%)
Luminanz: 0,132

Dreamless Sleep #111111

RGB: rgb(17, 17, 17)
HSL: hsl(0, 0%, 7%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #F3F3EE auf #111111 16,96:1 AAA

Aa #C0C2BB auf #111111 10,50:1 AAA

Aa #1CB9B5 auf #111111 7,78:1 AAA

Aa #4C8ED2 auf #111111 5,49:1 AA

Aa #F3F3EE auf #636572 5,19:1 AA

Aa #636572 auf #111111 3,27:1 AA (großer Text)

Aa #C0C2BB auf #636572 3,21:1 AA (großer Text)

Aa #F3F3EE auf #4C8ED2 3,09:1 AA (großer Text)

Aa #1CB9B5 auf #636572 2,38:1 Nicht bestanden

Aa #F3F3EE auf #1CB9B5 2,18:1 Nicht bestanden

Aa #C0C2BB auf #4C8ED2 1,91:1 Nicht bestanden

Aa #4C8ED2 auf #636572 1,68:1 Nicht bestanden

Aa #F3F3EE auf #C0C2BB 1,62:1 Nicht bestanden

Aa #1CB9B5 auf #4C8ED2 1,42:1 Nicht bestanden

Aa #C0C2BB auf #1CB9B5 1,35:1 Nicht bestanden

AG 500

AG 500

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen