Startseite Farbpaletten Depressed Rainbow

Depressed Rainbow

Palette mit 9 Farben · Neutral · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Depressed Rainbow

Palette mit 9 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 9 Farben Neutral Gemischt Monochrom blackandwhite sad fun alphapallet

Likes 20

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #070F00;
  --c-muted-2: #2A3330;
  --c-muted-3: #485254;
  --c-muted-4: #5F7063;
  --c-muted-5: #7D9599;
  --c-muted-6: #A8A1AB;
  --c-muted-7: #C3BBC7;
  --c-muted-8: #D3CED6;
  --c-muted-9: #E6E6DF;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Black Squeeze (#E6E6DF) bis zum dunkelsten Ton Whiten’t (#070F00). Sie vereint Whiten’t, Woodsmoke, Dark as Night, Seraphinite, Silent Tide, Mysterious Mauve, Stately Frills, Jam Session und Black Squeeze in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #070F00 auf #E6E6DF mit 15,55:1.

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

Farben im Detail

Whiten’t #070F00

RGB: rgb(7, 15, 0)
HSL: hsl(92, 100%, 3%)
Luminanz: 0,004

Woodsmoke #2A3330

RGB: rgb(42, 51, 48)
HSL: hsl(160, 10%, 18%)
Luminanz: 0,031

Dark as Night #485254

RGB: rgb(72, 82, 84)
HSL: hsl(190, 8%, 31%)
Luminanz: 0,081

Seraphinite #5F7063

RGB: rgb(95, 112, 99)
HSL: hsl(134, 8%, 41%)
Luminanz: 0,149

Silent Tide #7D9599

RGB: rgb(125, 149, 153)
HSL: hsl(189, 12%, 55%)
Luminanz: 0,282

Mysterious Mauve #A8A1AB

RGB: rgb(168, 161, 171)
HSL: hsl(282, 6%, 65%)
Luminanz: 0,368

Stately Frills #C3BBC7

RGB: rgb(195, 187, 199)
HSL: hsl(280, 10%, 76%)
Luminanz: 0,513

Jam Session #D3CED6

RGB: rgb(211, 206, 214)
HSL: hsl(278, 9%, 82%)
Luminanz: 0,629

Black Squeeze #E6E6DF

RGB: rgb(230, 230, 223)
HSL: hsl(60, 12%, 89%)
Luminanz: 0,787

Kontrast & Barrierefreiheit

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

Aa #070F00 auf #E6E6DF 15,55:1 AAA

Aa #070F00 auf #D3CED6 12,59:1 AAA

Aa #070F00 auf #C3BBC7 10,45:1 AAA

Aa #2A3330 auf #E6E6DF 10,37:1 AAA

Aa #2A3330 auf #D3CED6 8,40:1 AAA

Aa #070F00 auf #A8A1AB 7,75:1 AAA

Aa #2A3330 auf #C3BBC7 6,97:1 AA

Aa #485254 auf #E6E6DF 6,42:1 AA

Aa #070F00 auf #7D9599 6,15:1 AA

Aa #485254 auf #D3CED6 5,20:1 AA

Aa #2A3330 auf #A8A1AB 5,17:1 AA

Aa #485254 auf #C3BBC7 4,31:1 AA (großer Text)

Aa #5F7063 auf #E6E6DF 4,20:1 AA (großer Text)

Aa #2A3330 auf #7D9599 4,11:1 AA (großer Text)

Aa #070F00 auf #5F7063 3,70:1 AA (großer Text)

Aa #5F7063 auf #D3CED6 3,41:1 AA (großer Text)

Aa #485254 auf #A8A1AB 3,20:1 AA (großer Text)

Aa #5F7063 auf #C3BBC7 2,82:1 Nicht bestanden

Aa #485254 auf #7D9599 2,54:1 Nicht bestanden

Aa #7D9599 auf #E6E6DF 2,53:1 Nicht bestanden

Aa #2A3330 auf #5F7063 2,47:1 Nicht bestanden

Aa #070F00 auf #485254 2,42:1 Nicht bestanden

Aa #5F7063 auf #A8A1AB 2,10:1 Nicht bestanden

Aa #7D9599 auf #D3CED6 2,05:1 Nicht bestanden

Aa #A8A1AB auf #E6E6DF 2,01:1 Nicht bestanden

Aa #7D9599 auf #C3BBC7 1,70:1 Nicht bestanden

Aa #5F7063 auf #7D9599 1,66:1 Nicht bestanden

Aa #2A3330 auf #485254 1,62:1 Nicht bestanden

Aa #A8A1AB auf #D3CED6 1,62:1 Nicht bestanden

Aa #485254 auf #5F7063 1,53:1 Nicht bestanden

Aa #070F00 auf #2A3330 1,50:1 Nicht bestanden

Aa #C3BBC7 auf #E6E6DF 1,49:1 Nicht bestanden

Aa #A8A1AB auf #C3BBC7 1,35:1 Nicht bestanden

Aa #7D9599 auf #A8A1AB 1,26:1 Nicht bestanden

Aa #D3CED6 auf #E6E6DF 1,23:1 Nicht bestanden

Aa #C3BBC7 auf #D3CED6 1,21:1 Nicht bestanden

Depressed Rainbow