Registrieren Registrieren
Ooze8

Ooze8

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

Zurück zur Bibliothek

Ooze8

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

Bearbeiten
Erdig 8 Farben Kühl Gemischt Komplementär green blue water slime
Likes 16
Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #C28D65;
  --c-earthy-2: #A3644E;
  --c-earthy-3: #3BA844;
  --c-earthy-4: #198551;
  --c-earthy-5: #1F6366;
  --c-earthy-6: #255970;
  --c-earthy-7: #258074;
  --c-earthy-8: #6ACC95;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Van Gogh Green (#6ACC95) bis zum dunkelsten Ton Newport Grey (#255970). Sie vereint Copper Hide, Ruddy Oak, Matt Green, Lucky Green, Pacific, Newport Grey, Elegant Silk und Van Gogh Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Copper Hide #C28D65
RGB
rgb(194, 141, 101)
HSL
hsl(26, 43%, 58%)
Luminanz
0,315
Ruddy Oak #A3644E
RGB
rgb(163, 100, 78)
HSL
hsl(16, 35%, 47%)
Luminanz
0,175
Matt Green #3BA844
RGB
rgb(59, 168, 68)
HSL
hsl(125, 48%, 45%)
Luminanz
0,294
Lucky Green #198551
RGB
rgb(25, 133, 81)
HSL
hsl(151, 68%, 31%)
Luminanz
0,176
Pacific #1F6366
RGB
rgb(31, 99, 102)
HSL
hsl(183, 53%, 26%)
Luminanz
0,102
Newport Grey #255970
RGB
rgb(37, 89, 112)
HSL
hsl(198, 50%, 29%)
Luminanz
0,087
Elegant Silk #258074
RGB
rgb(37, 128, 116)
HSL
hsl(172, 55%, 32%)
Luminanz
0,171
Van Gogh Green #6ACC95
RGB
rgb(106, 204, 149)
HSL
hsl(146, 49%, 61%)
Luminanz
0,484

Kontrast & Barrierefreiheit

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

Aa #255970 auf #6ACC95 3,90:1 AA (großer Text)
Aa #1F6366 auf #6ACC95 3,52:1 AA (großer Text)
Aa #C28D65 auf #255970 2,66:1 Nicht bestanden
Aa #3BA844 auf #255970 2,51:1 Nicht bestanden
Aa #258074 auf #6ACC95 2,42:1 Nicht bestanden
Aa #C28D65 auf #1F6366 2,40:1 Nicht bestanden
Aa #A3644E auf #6ACC95 2,38:1 Nicht bestanden
Aa #198551 auf #6ACC95 2,37:1 Nicht bestanden
Aa #3BA844 auf #1F6366 2,26:1 Nicht bestanden
Aa #C28D65 auf #258074 1,65:1 Nicht bestanden
Aa #198551 auf #255970 1,65:1 Nicht bestanden
Aa #A3644E auf #255970 1,64:1 Nicht bestanden
Aa #C28D65 auf #A3644E 1,62:1 Nicht bestanden
Aa #C28D65 auf #198551 1,61:1 Nicht bestanden
Aa #255970 auf #258074 1,61:1 Nicht bestanden
Aa #3BA844 auf #6ACC95 1,56:1 Nicht bestanden
Aa #3BA844 auf #258074 1,55:1 Nicht bestanden
Aa #A3644E auf #3BA844 1,53:1 Nicht bestanden
Aa #3BA844 auf #198551 1,52:1 Nicht bestanden
Aa #198551 auf #1F6366 1,49:1 Nicht bestanden
Aa #A3644E auf #1F6366 1,48:1 Nicht bestanden
Aa #C28D65 auf #6ACC95 1,47:1 Nicht bestanden
Aa #1F6366 auf #258074 1,46:1 Nicht bestanden
Aa #1F6366 auf #255970 1,11:1 Nicht bestanden
Aa #C28D65 auf #3BA844 1,06:1 Nicht bestanden
Aa #A3644E auf #258074 1,02:1 Nicht bestanden
Aa #198551 auf #258074 1,02:1 Nicht bestanden
Aa #A3644E auf #198551 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