8lueens

Palette mit 8 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

8lueens

Palette mit 8 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 8 Farben Kühl Dunkel Analog 8 sk3ll blues greens

Likes 75

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #9FB9CC;
  --c-muted-2: #679E9C;
  --c-muted-3: #2E868C;
  --c-muted-4: #006E42;
  --c-muted-5: #173957;
  --c-muted-6: #072927;
  --c-muted-7: #08102E;
  --c-muted-8: #060F0D;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Morris Blue (#9FB9CC) bis zum dunkelsten Ton Dark Side of the Moon (#060F0D). Sie vereint Morris Blue, Folk Song, Thai Teal, Rainforest Retreat, Gibraltar Sea, Teal Spill, Squid’s Ink und Dark Side of the Moon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #9FB9CC auf #060F0D mit 9,51:1.

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

Farben im Detail

Morris Blue #9FB9CC

RGB: rgb(159, 185, 204)
HSL: hsl(205, 31%, 71%)
Luminanz: 0,464

Folk Song #679E9C

RGB: rgb(103, 158, 156)
HSL: hsl(178, 22%, 51%)
Luminanz: 0,297

Thai Teal #2E868C

RGB: rgb(46, 134, 140)
HSL: hsl(184, 51%, 36%)
Luminanz: 0,195

Rainforest Retreat #006E42

RGB: rgb(0, 110, 66)
HSL: hsl(156, 100%, 22%)
Luminanz: 0,116

Gibraltar Sea #173957

RGB: rgb(23, 57, 87)
HSL: hsl(208, 58%, 22%)
Luminanz: 0,038

Teal Spill #072927

RGB: rgb(7, 41, 39)
HSL: hsl(176, 71%, 9%)
Luminanz: 0,018

Squid’s Ink #08102E

RGB: rgb(8, 16, 46)
HSL: hsl(227, 70%, 11%)
Luminanz: 0,006

Dark Side of the Moon #060F0D

RGB: rgb(6, 15, 13)
HSL: hsl(167, 43%, 4%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #9FB9CC auf #060F0D 9,51:1 AAA

Aa #9FB9CC auf #08102E 9,15:1 AAA

Aa #9FB9CC auf #072927 7,59:1 AAA

Aa #679E9C auf #060F0D 6,42:1 AA

Aa #679E9C auf #08102E 6,18:1 AA

Aa #9FB9CC auf #173957 5,85:1 AA

Aa #679E9C auf #072927 5,13:1 AA

Aa #2E868C auf #060F0D 4,53:1 AA

Aa #2E868C auf #08102E 4,36:1 AA (großer Text)

Aa #679E9C auf #173957 3,95:1 AA (großer Text)

Aa #2E868C auf #072927 3,62:1 AA (großer Text)

Aa #9FB9CC auf #006E42 3,11:1 AA (großer Text)

Aa #006E42 auf #060F0D 3,06:1 AA (großer Text)

Aa #006E42 auf #08102E 2,94:1 Nicht bestanden

Aa #2E868C auf #173957 2,79:1 Nicht bestanden

Aa #006E42 auf #072927 2,44:1 Nicht bestanden

Aa #9FB9CC auf #2E868C 2,10:1 Nicht bestanden

Aa #679E9C auf #006E42 2,10:1 Nicht bestanden

Aa #006E42 auf #173957 1,88:1 Nicht bestanden

Aa #173957 auf #060F0D 1,63:1 Nicht bestanden

Aa #173957 auf #08102E 1,57:1 Nicht bestanden

Aa #9FB9CC auf #679E9C 1,48:1 Nicht bestanden

Aa #2E868C auf #006E42 1,48:1 Nicht bestanden

Aa #679E9C auf #2E868C 1,42:1 Nicht bestanden

Aa #173957 auf #072927 1,30:1 Nicht bestanden

Aa #072927 auf #060F0D 1,25:1 Nicht bestanden

Aa #072927 auf #08102E 1,21:1 Nicht bestanden

Aa #08102E auf #060F0D 1,04:1 Nicht bestanden

8lueens

8lueens

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen