Startseite Farbpaletten Fishfighters8

Fishfighters8

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Fishfighters8

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär artist desaturated versatile musthbly

Likes 92

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1E2733;
  --c-earthy-2: #423834;
  --c-earthy-3: #514257;
  --c-earthy-4: #496C88;
  --c-earthy-5: #A06A77;
  --c-earthy-6: #7CA296;
  --c-earthy-7: #DCAC7F;
  --c-earthy-8: #E3DDCE;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Quail Egg (#E3DDCE) bis zum dunkelsten Ton Abyssal Anchorfish Blue (#1E2733). Sie vereint Abyssal Anchorfish Blue, Rockweed, Blackberry Harvest, Wedgewood, Concerto, Mountain Outlook, Caramel Drizzle und Quail Egg in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E2733 auf #E3DDCE mit 11,13:1.

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

Abyssal Anchorfish Blue #1E2733

RGB: rgb(30, 39, 51)
HSL: hsl(214, 26%, 16%)
Luminanz: 0,020

Rockweed #423834

RGB: rgb(66, 56, 52)
HSL: hsl(17, 12%, 23%)
Luminanz: 0,042

Blackberry Harvest #514257

RGB: rgb(81, 66, 87)
HSL: hsl(283, 14%, 30%)
Luminanz: 0,063

Wedgewood #496C88

RGB: rgb(73, 108, 136)
HSL: hsl(207, 30%, 41%)
Luminanz: 0,139

Concerto #A06A77

RGB: rgb(160, 106, 119)
HSL: hsl(346, 22%, 52%)
Luminanz: 0,191

Mountain Outlook #7CA296

RGB: rgb(124, 162, 150)
HSL: hsl(161, 17%, 56%)
Luminanz: 0,323

Caramel Drizzle #DCAC7F

RGB: rgb(220, 172, 127)
HSL: hsl(29, 57%, 68%)
Luminanz: 0,463

Quail Egg #E3DDCE

RGB: rgb(227, 221, 206)
HSL: hsl(43, 27%, 85%)
Luminanz: 0,725

Kontrast & Barrierefreiheit

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

Aa #1E2733 auf #E3DDCE 11,13:1 AAA

Aa #423834 auf #E3DDCE 8,39:1 AAA

Aa #1E2733 auf #DCAC7F 7,36:1 AAA

Aa #514257 auf #E3DDCE 6,84:1 AA

Aa #423834 auf #DCAC7F 5,55:1 AA

Aa #1E2733 auf #7CA296 5,36:1 AA

Aa #514257 auf #DCAC7F 4,52:1 AA

Aa #496C88 auf #E3DDCE 4,10:1 AA (großer Text)

Aa #423834 auf #7CA296 4,04:1 AA (großer Text)

Aa #1E2733 auf #A06A77 3,46:1 AA (großer Text)

Aa #514257 auf #7CA296 3,29:1 AA (großer Text)

Aa #A06A77 auf #E3DDCE 3,21:1 AA (großer Text)

Aa #1E2733 auf #496C88 2,72:1 Nicht bestanden

Aa #496C88 auf #DCAC7F 2,71:1 Nicht bestanden

Aa #423834 auf #A06A77 2,61:1 Nicht bestanden

Aa #514257 auf #A06A77 2,13:1 Nicht bestanden

Aa #A06A77 auf #DCAC7F 2,13:1 Nicht bestanden

Aa #7CA296 auf #E3DDCE 2,08:1 Nicht bestanden

Aa #423834 auf #496C88 2,05:1 Nicht bestanden

Aa #496C88 auf #7CA296 1,97:1 Nicht bestanden

Aa #514257 auf #496C88 1,67:1 Nicht bestanden

Aa #1E2733 auf #514257 1,63:1 Nicht bestanden

Aa #A06A77 auf #7CA296 1,55:1 Nicht bestanden

Aa #DCAC7F auf #E3DDCE 1,51:1 Nicht bestanden

Aa #7CA296 auf #DCAC7F 1,37:1 Nicht bestanden

Aa #1E2733 auf #423834 1,33:1 Nicht bestanden

Aa #496C88 auf #A06A77 1,27:1 Nicht bestanden

Aa #423834 auf #514257 1,23:1 Nicht bestanden

Fishfighters8

Fishfighters8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen