Registrieren Registrieren
Lush Green

Lush Green

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Lush Green

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 6 Farben Kühl Gemischt Analog
Likes 21
Farben 6

CSS-Variablen

:root {
  --c-muted-1: #469C58;
  --c-muted-2: #3A875E;
  --c-muted-3: #417070;
  --c-muted-4: #3F5B69;
  --c-muted-5: #3C4C63;
  --c-muted-6: #39425C;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Clover Patch (#469C58) bis zum dunkelsten Ton Diplomatic (#39425C). Sie vereint Clover Patch, Adamite Green, Thunderhawk Blue, Hypothalamus Grey, Master und Diplomatic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 15 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Clover Patch #469C58
RGB
rgb(70, 156, 88)
HSL
hsl(133, 38%, 44%)
Luminanz
0,258
Adamite Green #3A875E
RGB
rgb(58, 135, 94)
HSL
hsl(148, 40%, 38%)
Luminanz
0,190
Thunderhawk Blue #417070
RGB
rgb(65, 112, 112)
HSL
hsl(180, 27%, 35%)
Luminanz
0,139
Hypothalamus Grey #3F5B69
RGB
rgb(63, 91, 105)
HSL
hsl(200, 25%, 33%)
Luminanz
0,096
Master #3C4C63
RGB
rgb(60, 76, 99)
HSL
hsl(215, 25%, 31%)
Luminanz
0,070
Diplomatic #39425C
RGB
rgb(57, 66, 92)
HSL
hsl(225, 23%, 29%)
Luminanz
0,055

Kontrast & Barrierefreiheit

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

Aa #469C58 auf #39425C 2,92:1 Nicht bestanden
Aa #469C58 auf #3C4C63 2,56:1 Nicht bestanden
Aa #3A875E auf #39425C 2,28:1 Nicht bestanden
Aa #469C58 auf #3F5B69 2,11:1 Nicht bestanden
Aa #3A875E auf #3C4C63 2,00:1 Nicht bestanden
Aa #417070 auf #39425C 1,79:1 Nicht bestanden
Aa #3A875E auf #3F5B69 1,65:1 Nicht bestanden
Aa #469C58 auf #417070 1,63:1 Nicht bestanden
Aa #417070 auf #3C4C63 1,57:1 Nicht bestanden
Aa #3F5B69 auf #39425C 1,38:1 Nicht bestanden
Aa #417070 auf #3F5B69 1,30:1 Nicht bestanden
Aa #469C58 auf #3A875E 1,28:1 Nicht bestanden
Aa #3A875E auf #417070 1,27:1 Nicht bestanden
Aa #3F5B69 auf #3C4C63 1,21:1 Nicht bestanden
Aa #3C4C63 auf #39425C 1,14: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