Registrieren Registrieren
Greenest Green 8

Greenest Green 8

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

Zurück zur Bibliothek

Greenest Green 8

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

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Komplementär green
Likes 16
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #FFF5DE;
  --c-muted-2: #E0EB8D;
  --c-muted-3: #BAD451;
  --c-muted-4: #549C5D;
  --c-muted-5: #507A74;
  --c-muted-6: #3D575C;
  --c-muted-7: #2F3847;
  --c-muted-8: #1B101F;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Seashell Peach (#FFF5DE) bis zum dunkelsten Ton Shot in the Dark (#1B101F). Sie vereint Seashell Peach, Lime Juice Green, Solid Gold, Longing for Nature, Breaker Bay, Prussian, Biro Blue und Shot in the Dark in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF5DE auf #1B101F mit 16,98:1.

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

Farben im Detail

Seashell Peach #FFF5DE
RGB
rgb(255, 245, 222)
HSL
hsl(42, 100%, 94%)
Luminanz
0,918
Lime Juice Green #E0EB8D
RGB
rgb(224, 235, 141)
HSL
hsl(67, 70%, 74%)
Luminanz
0,772
Solid Gold #BAD451
RGB
rgb(186, 212, 81)
HSL
hsl(72, 60%, 57%)
Luminanz
0,581
Longing for Nature #549C5D
RGB
rgb(84, 156, 93)
HSL
hsl(128, 30%, 47%)
Luminanz
0,265
Breaker Bay #507A74
RGB
rgb(80, 122, 116)
HSL
hsl(171, 21%, 40%)
Luminanz
0,169
Prussian #3D575C
RGB
rgb(61, 87, 92)
HSL
hsl(190, 20%, 30%)
Luminanz
0,086
Biro Blue #2F3847
RGB
rgb(47, 56, 71)
HSL
hsl(218, 20%, 23%)
Luminanz
0,039
Shot in the Dark #1B101F
RGB
rgb(27, 16, 31)
HSL
hsl(284, 32%, 9%)
Luminanz
0,007

Kontrast & Barrierefreiheit

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

Aa #FFF5DE auf #1B101F 16,98:1 AAA
Aa #E0EB8D auf #1B101F 14,41:1 AAA
Aa #BAD451 auf #1B101F 11,07:1 AAA
Aa #FFF5DE auf #2F3847 10,90:1 AAA
Aa #E0EB8D auf #2F3847 9,25:1 AAA
Aa #FFF5DE auf #3D575C 7,13:1 AAA
Aa #BAD451 auf #2F3847 7,10:1 AAA
Aa #E0EB8D auf #3D575C 6,05:1 AA
Aa #549C5D auf #1B101F 5,52:1 AA
Aa #BAD451 auf #3D575C 4,65:1 AA
Aa #FFF5DE auf #507A74 4,42:1 AA (großer Text)
Aa #507A74 auf #1B101F 3,84:1 AA (großer Text)
Aa #E0EB8D auf #507A74 3,76:1 AA (großer Text)
Aa #549C5D auf #2F3847 3,54:1 AA (großer Text)
Aa #FFF5DE auf #549C5D 3,08:1 AA (großer Text)
Aa #BAD451 auf #507A74 2,88:1 Nicht bestanden
Aa #E0EB8D auf #549C5D 2,61:1 Nicht bestanden
Aa #507A74 auf #2F3847 2,46:1 Nicht bestanden
Aa #3D575C auf #1B101F 2,38:1 Nicht bestanden
Aa #549C5D auf #3D575C 2,32:1 Nicht bestanden
Aa #BAD451 auf #549C5D 2,01:1 Nicht bestanden
Aa #507A74 auf #3D575C 1,61:1 Nicht bestanden
Aa #2F3847 auf #1B101F 1,56:1 Nicht bestanden
Aa #FFF5DE auf #BAD451 1,53:1 Nicht bestanden
Aa #3D575C auf #2F3847 1,53:1 Nicht bestanden
Aa #549C5D auf #507A74 1,44:1 Nicht bestanden
Aa #E0EB8D auf #BAD451 1,30:1 Nicht bestanden
Aa #FFF5DE auf #E0EB8D 1,18: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