Registrieren Registrieren
Alien Microbes

Alien Microbes

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Alien Microbes

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Komplementär gray green black white
Likes 27
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #56BF70;
  --c-muted-2: #8CFF96;
  --c-muted-3: #FFF3F2;
  --c-muted-4: #ACAAB2;
  --c-muted-5: #8F7FB0;
  --c-muted-6: #745380;
  --c-muted-7: #3B3366;
  --c-muted-8: #1A181A;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Pink Diminishing (#FFF3F2) bis zum dunkelsten Ton Thamar Black (#1A181A). Sie vereint Emerald Cory, Baby Green, Pink Diminishing, Velvet Grey, Captivated, Patrician Purple, Minsk und Thamar Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF3F2 auf #1A181A mit 16,27:1.

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

Farben im Detail

Emerald Cory #56BF70
RGB
rgb(86, 191, 112)
HSL
hsl(135, 45%, 54%)
Luminanz
0,404
Baby Green #8CFF96
RGB
rgb(140, 255, 150)
HSL
hsl(125, 100%, 77%)
Luminanz
0,793
Pink Diminishing #FFF3F2
RGB
rgb(255, 243, 242)
HSL
hsl(5, 100%, 97%)
Luminanz
0,918
Velvet Grey #ACAAB2
RGB
rgb(172, 170, 178)
HSL
hsl(255, 5%, 68%)
Luminanz
0,407
Captivated #8F7FB0
RGB
rgb(143, 127, 176)
HSL
hsl(260, 24%, 59%)
Luminanz
0,242
Patrician Purple #745380
RGB
rgb(116, 83, 128)
HSL
hsl(284, 21%, 41%)
Luminanz
0,115
Minsk #3B3366
RGB
rgb(59, 51, 102)
HSL
hsl(249, 33%, 30%)
Luminanz
0,043
Thamar Black #1A181A
RGB
rgb(26, 24, 26)
HSL
hsl(300, 4%, 10%)
Luminanz
0,010

Kontrast & Barrierefreiheit

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

Aa #FFF3F2 auf #1A181A 16,27:1 AAA
Aa #8CFF96 auf #1A181A 14,17:1 AAA
Aa #FFF3F2 auf #3B3366 10,45:1 AAA
Aa #8CFF96 auf #3B3366 9,11:1 AAA
Aa #ACAAB2 auf #1A181A 7,69:1 AAA
Aa #56BF70 auf #1A181A 7,64:1 AAA
Aa #FFF3F2 auf #745380 5,88:1 AA
Aa #8CFF96 auf #745380 5,12:1 AA
Aa #ACAAB2 auf #3B3366 4,94:1 AA
Aa #56BF70 auf #3B3366 4,91:1 AA
Aa #8F7FB0 auf #1A181A 4,90:1 AA
Aa #FFF3F2 auf #8F7FB0 3,32:1 AA (großer Text)
Aa #8F7FB0 auf #3B3366 3,15:1 AA (großer Text)
Aa #8CFF96 auf #8F7FB0 2,89:1 Nicht bestanden
Aa #ACAAB2 auf #745380 2,78:1 Nicht bestanden
Aa #745380 auf #1A181A 2,77:1 Nicht bestanden
Aa #56BF70 auf #745380 2,76:1 Nicht bestanden
Aa #56BF70 auf #FFF3F2 2,13:1 Nicht bestanden
Aa #FFF3F2 auf #ACAAB2 2,12:1 Nicht bestanden
Aa #56BF70 auf #8CFF96 1,86:1 Nicht bestanden
Aa #8CFF96 auf #ACAAB2 1,84:1 Nicht bestanden
Aa #745380 auf #3B3366 1,78:1 Nicht bestanden
Aa #8F7FB0 auf #745380 1,77:1 Nicht bestanden
Aa #ACAAB2 auf #8F7FB0 1,57:1 Nicht bestanden
Aa #56BF70 auf #8F7FB0 1,56:1 Nicht bestanden
Aa #3B3366 auf #1A181A 1,56:1 Nicht bestanden
Aa #8CFF96 auf #FFF3F2 1,15:1 Nicht bestanden
Aa #56BF70 auf #ACAAB2 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben