OXYD

Palette mit 8 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

OXYD

Palette mit 8 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Gedeckt 8 Farben Kühl Dunkel Komplementär copper

Likes 16

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #9D9D6B;
  --c-muted-2: #9F7249;
  --c-muted-3: #3B6E64;
  --c-muted-4: #375769;
  --c-muted-5: #323E59;
  --c-muted-6: #253051;
  --c-muted-7: #292543;
  --c-muted-8: #321937;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Domain (#9D9D6B) bis zum dunkelsten Ton Blackcurrant (#321937). Sie vereint Domain, Aged Whisky, Statue of Liberty, Summer Night, Gulf Blue, Blue Lobelia, Midnight Velvet und Blackcurrant in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #9D9D6B auf #321937 mit 5,62:1.

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

Farben im Detail

Domain #9D9D6B

RGB: rgb(157, 157, 107)
HSL: hsl(60, 20%, 52%)
Luminanz: 0,323

Aged Whisky #9F7249

RGB: rgb(159, 114, 73)
HSL: hsl(29, 37%, 45%)
Luminanz: 0,199

Statue of Liberty #3B6E64

RGB: rgb(59, 110, 100)
HSL: hsl(168, 30%, 33%)
Luminanz: 0,130

Summer Night #375769

RGB: rgb(55, 87, 105)
HSL: hsl(202, 31%, 31%)
Luminanz: 0,087

Gulf Blue #323E59

RGB: rgb(50, 62, 89)
HSL: hsl(222, 28%, 27%)
Luminanz: 0,048

Blue Lobelia #253051

RGB: rgb(37, 48, 81)
HSL: hsl(225, 37%, 23%)
Luminanz: 0,031

Midnight Velvet #292543

RGB: rgb(41, 37, 67)
HSL: hsl(248, 29%, 20%)
Luminanz: 0,022

Blackcurrant #321937

RGB: rgb(50, 25, 55)
HSL: hsl(290, 38%, 16%)
Luminanz: 0,017

Kontrast & Barrierefreiheit

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

Aa #9D9D6B auf #321937 5,62:1 AA

Aa #9D9D6B auf #292543 5,19:1 AA

Aa #9D9D6B auf #253051 4,61:1 AA

Aa #9D9D6B auf #323E59 3,79:1 AA (großer Text)

Aa #9F7249 auf #321937 3,74:1 AA (großer Text)

Aa #9F7249 auf #292543 3,46:1 AA (großer Text)

Aa #9F7249 auf #253051 3,07:1 AA (großer Text)

Aa #9D9D6B auf #375769 2,74:1 Nicht bestanden

Aa #3B6E64 auf #321937 2,71:1 Nicht bestanden

Aa #9F7249 auf #323E59 2,53:1 Nicht bestanden

Aa #3B6E64 auf #292543 2,50:1 Nicht bestanden

Aa #3B6E64 auf #253051 2,22:1 Nicht bestanden

Aa #9D9D6B auf #3B6E64 2,07:1 Nicht bestanden

Aa #375769 auf #321937 2,05:1 Nicht bestanden

Aa #375769 auf #292543 1,90:1 Nicht bestanden

Aa #3B6E64 auf #323E59 1,83:1 Nicht bestanden

Aa #9F7249 auf #375769 1,82:1 Nicht bestanden

Aa #375769 auf #253051 1,68:1 Nicht bestanden

Aa #9D9D6B auf #9F7249 1,50:1 Nicht bestanden

Aa #323E59 auf #321937 1,48:1 Nicht bestanden

Aa #375769 auf #323E59 1,39:1 Nicht bestanden

Aa #9F7249 auf #3B6E64 1,38:1 Nicht bestanden

Aa #323E59 auf #292543 1,37:1 Nicht bestanden

Aa #3B6E64 auf #375769 1,32:1 Nicht bestanden

Aa #323E59 auf #253051 1,22:1 Nicht bestanden

Aa #253051 auf #321937 1,22:1 Nicht bestanden

Aa #253051 auf #292543 1,13:1 Nicht bestanden

Aa #292543 auf #321937 1,08:1 Nicht bestanden

OXYD

OXYD

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen