Infinite 6

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

Zurück zur Bibliothek

Infinite 6

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

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Komplementär eclipse89

Likes 20

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #F5F5EB;
  --c-muted-2: #CACACA;
  --c-muted-3: #969696;
  --c-muted-4: #696969;
  --c-muted-5: #424242;
  --c-muted-6: #1F232D;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Angraecum Orchid (#F5F5EB) bis zum dunkelsten Ton Washed Black (#1F232D). Sie vereint Angraecum Orchid, Leadbelcher, Shark Fin, Dim Grey, Black Panther und Washed Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F5F5EB auf #1F232D mit 14,32:1.

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

Farben im Detail

Angraecum Orchid #F5F5EB

RGB: rgb(245, 245, 235)
HSL: hsl(60, 33%, 94%)
Luminanz: 0,907

Leadbelcher #CACACA

RGB: rgb(202, 202, 202)
HSL: hsl(0, 0%, 79%)
Luminanz: 0,591

Shark Fin #969696

RGB: rgb(150, 150, 150)
HSL: hsl(0, 0%, 59%)
Luminanz: 0,305

Dim Grey #696969

RGB: rgb(105, 105, 105)
HSL: hsl(0, 0%, 41%)
Luminanz: 0,141

Black Panther #424242

RGB: rgb(66, 66, 66)
HSL: hsl(0, 0%, 26%)
Luminanz: 0,055

Washed Black #1F232D

RGB: rgb(31, 35, 45)
HSL: hsl(223, 18%, 15%)
Luminanz: 0,017

Kontrast & Barrierefreiheit

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

Aa #F5F5EB auf #1F232D 14,32:1 AAA

Aa #CACACA auf #1F232D 9,59:1 AAA

Aa #F5F5EB auf #424242 9,16:1 AAA

Aa #CACACA auf #424242 6,13:1 AA

Aa #969696 auf #1F232D 5,31:1 AA

Aa #F5F5EB auf #696969 5,00:1 AA

Aa #969696 auf #424242 3,40:1 AA (großer Text)

Aa #CACACA auf #696969 3,35:1 AA (großer Text)

Aa #696969 auf #1F232D 2,86:1 Nicht bestanden

Aa #F5F5EB auf #969696 2,70:1 Nicht bestanden

Aa #969696 auf #696969 1,86:1 Nicht bestanden

Aa #696969 auf #424242 1,83:1 Nicht bestanden

Aa #CACACA auf #969696 1,80:1 Nicht bestanden

Aa #424242 auf #1F232D 1,56:1 Nicht bestanden

Aa #F5F5EB auf #CACACA 1,49:1 Nicht bestanden

Infinite 6

Infinite 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen