Eulbink

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

Zurück zur Bibliothek

Eulbink

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

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Analog blue cyan azul sky

Likes 1.471

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #0CE6F2;
  --c-muted-3: #0098DB;
  --c-muted-4: #1E579C;
  --c-muted-5: #203562;
  --c-muted-6: #252446;
  --c-muted-7: #201533;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Blacklist (#201533). Sie vereint White, Phosphorescent Blue, Atmosphere, Blue Chip, Navy Trim, Black Market und Blacklist in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #201533 mit 17,26:1.

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

Farben im Detail

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Phosphorescent Blue #0CE6F2

RGB: rgb(12, 230, 242)
HSL: hsl(183, 91%, 50%)
Luminanz: 0,631

Atmosphere #0098DB

RGB: rgb(0, 152, 219)
HSL: hsl(198, 100%, 43%)
Luminanz: 0,276

Blue Chip #1E579C

RGB: rgb(30, 87, 156)
HSL: hsl(213, 68%, 36%)
Luminanz: 0,095

Navy Trim #203562

RGB: rgb(32, 53, 98)
HSL: hsl(221, 51%, 25%)
Luminanz: 0,037

Black Market #252446

RGB: rgb(37, 36, 70)
HSL: hsl(242, 32%, 21%)
Luminanz: 0,021

Blacklist #201533

RGB: rgb(32, 21, 51)
HSL: hsl(262, 42%, 14%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #201533 17,26:1 AAA

Aa #FFFFFF auf #252446 14,79:1 AAA

Aa #FFFFFF auf #203562 12,02:1 AAA

Aa #0CE6F2 auf #201533 11,19:1 AAA

Aa #0CE6F2 auf #252446 9,59:1 AAA

Aa #0CE6F2 auf #203562 7,79:1 AAA

Aa #FFFFFF auf #1E579C 7,25:1 AAA

Aa #0098DB auf #201533 5,35:1 AA

Aa #0CE6F2 auf #1E579C 4,70:1 AA

Aa #0098DB auf #252446 4,59:1 AA

Aa #0098DB auf #203562 3,73:1 AA (großer Text)

Aa #FFFFFF auf #0098DB 3,22:1 AA (großer Text)

Aa #1E579C auf #201533 2,38:1 Nicht bestanden

Aa #0098DB auf #1E579C 2,25:1 Nicht bestanden

Aa #0CE6F2 auf #0098DB 2,09:1 Nicht bestanden

Aa #1E579C auf #252446 2,04:1 Nicht bestanden

Aa #1E579C auf #203562 1,66:1 Nicht bestanden

Aa #FFFFFF auf #0CE6F2 1,54:1 Nicht bestanden

Aa #203562 auf #201533 1,44:1 Nicht bestanden

Aa #203562 auf #252446 1,23:1 Nicht bestanden

Aa #252446 auf #201533 1,17:1 Nicht bestanden

Eulbink

Eulbink

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen