Startseite Farbpaletten Nineties Nine

Nineties Nine

Palette mit 9 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Nineties Nine

Palette mit 9 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 9 Farben Neutral Gemischt Komplementär hardware 90 90s 1990

Likes 49

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #1E1C21;
  --c-muted-2: #6F7078;
  --c-muted-3: #AFB3B8;
  --c-muted-4: #A188C0;
  --c-muted-5: #63438D;
  --c-muted-6: #2C2CC9;
  --c-muted-7: #128523;
  --c-muted-8: #C97D2C;
  --c-muted-9: #C02251;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Astroscopus Grey (#AFB3B8) bis zum dunkelsten Ton Night Demons (#1E1C21). Sie vereint Night Demons, Granite Canyon, Astroscopus Grey, Classic Bouquet, Lords of the Night, Lapis on Neptune, Asian Spice, Mulberry Thorn und Raven’s Banquet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E1C21 auf #AFB3B8 mit 8,01:1.

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

Farben im Detail

Night Demons #1E1C21

RGB: rgb(30, 28, 33)
HSL: hsl(264, 8%, 12%)
Luminanz: 0,012

Granite Canyon #6F7078

RGB: rgb(111, 112, 120)
HSL: hsl(233, 4%, 45%)
Luminanz: 0,163

Astroscopus Grey #AFB3B8

RGB: rgb(175, 179, 184)
HSL: hsl(213, 6%, 70%)
Luminanz: 0,448

Classic Bouquet #A188C0

RGB: rgb(161, 136, 192)
HSL: hsl(267, 31%, 64%)
Luminanz: 0,290

Lords of the Night #63438D

RGB: rgb(99, 67, 141)
HSL: hsl(266, 36%, 41%)
Luminanz: 0,086

Lapis on Neptune #2C2CC9

RGB: rgb(44, 44, 201)
HSL: hsl(240, 64%, 48%)
Luminanz: 0,066

Asian Spice #128523

RGB: rgb(18, 133, 35)
HSL: hsl(129, 76%, 30%)
Luminanz: 0,170

Mulberry Thorn #C97D2C

RGB: rgb(201, 125, 44)
HSL: hsl(31, 64%, 48%)
Luminanz: 0,273

Raven’s Banquet #C02251

RGB: rgb(192, 34, 81)
HSL: hsl(342, 70%, 44%)
Luminanz: 0,129

Kontrast & Barrierefreiheit

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

Aa #1E1C21 auf #AFB3B8 8,01:1 AAA

Aa #1E1C21 auf #A188C0 5,47:1 AA

Aa #1E1C21 auf #C97D2C 5,19:1 AA

Aa #AFB3B8 auf #2C2CC9 4,31:1 AA (großer Text)

Aa #AFB3B8 auf #63438D 3,67:1 AA (großer Text)

Aa #1E1C21 auf #128523 3,54:1 AA (großer Text)

Aa #1E1C21 auf #6F7078 3,43:1 AA (großer Text)

Aa #A188C0 auf #2C2CC9 2,94:1 Nicht bestanden

Aa #1E1C21 auf #C02251 2,89:1 Nicht bestanden

Aa #2C2CC9 auf #C97D2C 2,79:1 Nicht bestanden

Aa #AFB3B8 auf #C02251 2,78:1 Nicht bestanden

Aa #A188C0 auf #63438D 2,50:1 Nicht bestanden

Aa #63438D auf #C97D2C 2,37:1 Nicht bestanden

Aa #6F7078 auf #AFB3B8 2,34:1 Nicht bestanden

Aa #AFB3B8 auf #128523 2,26:1 Nicht bestanden

Aa #1E1C21 auf #63438D 2,19:1 Nicht bestanden

Aa #2C2CC9 auf #128523 1,91:1 Nicht bestanden

Aa #A188C0 auf #C02251 1,89:1 Nicht bestanden

Aa #1E1C21 auf #2C2CC9 1,86:1 Nicht bestanden

Aa #6F7078 auf #2C2CC9 1,85:1 Nicht bestanden

Aa #C97D2C auf #C02251 1,80:1 Nicht bestanden

Aa #63438D auf #128523 1,62:1 Nicht bestanden

Aa #6F7078 auf #A188C0 1,59:1 Nicht bestanden

Aa #6F7078 auf #63438D 1,57:1 Nicht bestanden

Aa #2C2CC9 auf #C02251 1,55:1 Nicht bestanden

Aa #AFB3B8 auf #C97D2C 1,54:1 Nicht bestanden

Aa #A188C0 auf #128523 1,54:1 Nicht bestanden

Aa #6F7078 auf #C97D2C 1,51:1 Nicht bestanden

Aa #AFB3B8 auf #A188C0 1,47:1 Nicht bestanden

Aa #128523 auf #C97D2C 1,46:1 Nicht bestanden

Aa #63438D auf #C02251 1,32:1 Nicht bestanden

Aa #128523 auf #C02251 1,23:1 Nicht bestanden

Aa #6F7078 auf #C02251 1,19:1 Nicht bestanden

Aa #63438D auf #2C2CC9 1,18:1 Nicht bestanden

Aa #A188C0 auf #C97D2C 1,05:1 Nicht bestanden

Aa #6F7078 auf #128523 1,03:1 Nicht bestanden

Nineties Nine

Nineties Nine

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen