Registrieren Registrieren
Rainy Afternoon

Rainy Afternoon

Palette mit 10 Farben · Neutral · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Rainy Afternoon

Palette mit 10 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Gedeckt 10 Farben Neutral Dunkel Komplementär rainy lush
Likes 12
Farben 10

CSS-Variablen

:root {
  --c-muted-1: #151A1E;
  --c-muted-2: #323137;
  --c-muted-3: #403847;
  --c-muted-4: #43362A;
  --c-muted-5: #534039;
  --c-muted-6: #3F5955;
  --c-muted-7: #3E6356;
  --c-muted-8: #5D5F6D;
  --c-muted-9: #737E92;
  --c-muted-10: #A0B4B8;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Ovation (#A0B4B8) bis zum dunkelsten Ton River Styx (#151A1E). Sie vereint River Styx, Smiler’s Mist, Wineshade, Dark Rum, Caviar Black, Orkhide Shade, Stromboli, Concrete Landscape, Soulful Blue und Ovation in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #151A1E auf #A0B4B8 mit 8,11:1.

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

Farben im Detail

River Styx #151A1E
RGB
rgb(21, 26, 30)
HSL
hsl(207, 18%, 10%)
Luminanz
0,010
Smiler’s Mist #323137
RGB
rgb(50, 49, 55)
HSL
hsl(250, 6%, 20%)
Luminanz
0,032
Wineshade #403847
RGB
rgb(64, 56, 71)
HSL
hsl(272, 12%, 25%)
Luminanz
0,044
Dark Rum #43362A
RGB
rgb(67, 54, 42)
HSL
hsl(29, 23%, 21%)
Luminanz
0,040
Caviar Black #534039
RGB
rgb(83, 64, 57)
HSL
hsl(16, 19%, 27%)
Luminanz
0,058
Orkhide Shade #3F5955
RGB
rgb(63, 89, 85)
HSL
hsl(171, 17%, 30%)
Luminanz
0,089
Stromboli #3E6356
RGB
rgb(62, 99, 86)
HSL
hsl(159, 23%, 32%)
Luminanz
0,106
Concrete Landscape #5D5F6D
RGB
rgb(93, 95, 109)
HSL
hsl(233, 8%, 40%)
Luminanz
0,116
Soulful Blue #737E92
RGB
rgb(115, 126, 146)
HSL
hsl(219, 12%, 51%)
Luminanz
0,206
Ovation #A0B4B8
RGB
rgb(160, 180, 184)
HSL
hsl(190, 14%, 67%)
Luminanz
0,436

Kontrast & Barrierefreiheit

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

Aa #151A1E auf #A0B4B8 8,11:1 AAA
Aa #323137 auf #A0B4B8 5,96:1 AA
Aa #43362A auf #A0B4B8 5,40:1 AA
Aa #403847 auf #A0B4B8 5,18:1 AA
Aa #534039 auf #A0B4B8 4,50:1 AA
Aa #151A1E auf #737E92 4,28:1 AA (großer Text)
Aa #3F5955 auf #A0B4B8 3,51:1 AA (großer Text)
Aa #323137 auf #737E92 3,15:1 AA (großer Text)
Aa #3E6356 auf #A0B4B8 3,11:1 AA (großer Text)
Aa #5D5F6D auf #A0B4B8 2,92:1 Nicht bestanden
Aa #43362A auf #737E92 2,85:1 Nicht bestanden
Aa #151A1E auf #5D5F6D 2,77:1 Nicht bestanden
Aa #403847 auf #737E92 2,74:1 Nicht bestanden
Aa #151A1E auf #3E6356 2,61:1 Nicht bestanden
Aa #534039 auf #737E92 2,37:1 Nicht bestanden
Aa #151A1E auf #3F5955 2,31:1 Nicht bestanden
Aa #323137 auf #5D5F6D 2,04:1 Nicht bestanden
Aa #323137 auf #3E6356 1,92:1 Nicht bestanden
Aa #737E92 auf #A0B4B8 1,89:1 Nicht bestanden
Aa #43362A auf #5D5F6D 1,85:1 Nicht bestanden
Aa #3F5955 auf #737E92 1,85:1 Nicht bestanden
Aa #151A1E auf #534039 1,80:1 Nicht bestanden
Aa #403847 auf #5D5F6D 1,77:1 Nicht bestanden
Aa #43362A auf #3E6356 1,74:1 Nicht bestanden
Aa #323137 auf #3F5955 1,70:1 Nicht bestanden
Aa #403847 auf #3E6356 1,67:1 Nicht bestanden
Aa #3E6356 auf #737E92 1,64:1 Nicht bestanden
Aa #151A1E auf #403847 1,56:1 Nicht bestanden
Aa #43362A auf #3F5955 1,54:1 Nicht bestanden
Aa #534039 auf #5D5F6D 1,54:1 Nicht bestanden
Aa #5D5F6D auf #737E92 1,54:1 Nicht bestanden
Aa #151A1E auf #43362A 1,50:1 Nicht bestanden
Aa #403847 auf #3F5955 1,48:1 Nicht bestanden
Aa #534039 auf #3E6356 1,45:1 Nicht bestanden
Aa #151A1E auf #323137 1,36:1 Nicht bestanden
Aa #323137 auf #534039 1,33:1 Nicht bestanden
Aa #534039 auf #3F5955 1,28:1 Nicht bestanden
Aa #43362A auf #534039 1,20:1 Nicht bestanden
Aa #3F5955 auf #5D5F6D 1,20:1 Nicht bestanden
Aa #323137 auf #403847 1,15:1 Nicht bestanden
Aa #403847 auf #534039 1,15:1 Nicht bestanden
Aa #3F5955 auf #3E6356 1,13:1 Nicht bestanden
Aa #323137 auf #43362A 1,10:1 Nicht bestanden
Aa #3E6356 auf #5D5F6D 1,06:1 Nicht bestanden
Aa #403847 auf #43362A 1,04:1 Nicht bestanden

Ähnliche Paletten

#000000 #3E065F #700B97 #8E05C2
4 Farben
#000000 #150050 #3F0071 #FB2576
4 Farben
#000000 #3E432E #616F39 #A7D129
4 Farben
#4B5D67 #322F3D #59405C #87556F
4 Farben
#18230F #27391C #255F38 #1F7D53
4 Farben
#FF5200 #6F0000 #00263B #00A1AB
4 Farben
#000000 #0F6292 #16FF00 #FFED00
4 Farben
#251D3A #2A2550 #E04D01 #FF7700
4 Farben