FISTAT6

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

FISTAT6

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Analog blue nice fistat6 zenithedge

Likes 32

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #1D142C;
  --c-muted-2: #24184B;
  --c-muted-3: #473891;
  --c-muted-4: #6782B9;
  --c-muted-5: #7DC0D3;
  --c-muted-6: #C9F3FF;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Heaven Gates (#C9F3FF) bis zum dunkelsten Ton Sambucus (#1D142C). Sie vereint Sambucus, Silent Orbit, Blue Gem, Marine Ink, Ocean Horizon und Heaven Gates in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1D142C auf #C9F3FF mit 14,93:1.

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

Farben im Detail

Sambucus #1D142C

RGB: rgb(29, 20, 44)
HSL: hsl(263, 38%, 13%)
Luminanz: 0,009

Silent Orbit #24184B

RGB: rgb(36, 24, 75)
HSL: hsl(254, 52%, 19%)
Luminanz: 0,015

Blue Gem #473891

RGB: rgb(71, 56, 145)
HSL: hsl(250, 44%, 39%)
Luminanz: 0,062

Marine Ink #6782B9

RGB: rgb(103, 130, 185)
HSL: hsl(220, 37%, 56%)
Luminanz: 0,224

Ocean Horizon #7DC0D3

RGB: rgb(125, 192, 211)
HSL: hsl(193, 49%, 66%)
Luminanz: 0,468

Heaven Gates #C9F3FF

RGB: rgb(201, 243, 255)
HSL: hsl(193, 100%, 89%)
Luminanz: 0,837

Kontrast & Barrierefreiheit

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

Aa #1D142C auf #C9F3FF 14,93:1 AAA

Aa #24184B auf #C9F3FF 13,58:1 AAA

Aa #1D142C auf #7DC0D3 8,71:1 AAA

Aa #24184B auf #7DC0D3 7,92:1 AAA

Aa #473891 auf #C9F3FF 7,91:1 AAA

Aa #473891 auf #7DC0D3 4,62:1 AA

Aa #1D142C auf #6782B9 4,60:1 AA

Aa #24184B auf #6782B9 4,18:1 AA (großer Text)

Aa #6782B9 auf #C9F3FF 3,24:1 AA (großer Text)

Aa #473891 auf #6782B9 2,44:1 Nicht bestanden

Aa #1D142C auf #473891 1,89:1 Nicht bestanden

Aa #6782B9 auf #7DC0D3 1,89:1 Nicht bestanden

Aa #24184B auf #473891 1,72:1 Nicht bestanden

Aa #7DC0D3 auf #C9F3FF 1,71:1 Nicht bestanden

Aa #1D142C auf #24184B 1,10:1 Nicht bestanden

FISTAT6

FISTAT6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen