Blood Tide

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Blood Tide

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär cool blood exciting tide

Likes 29

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #FFFEEA;
  --c-earthy-2: #7A968D;
  --c-earthy-3: #394A5A;
  --c-earthy-4: #652121;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Northern Star (#FFFEEA) bis zum dunkelsten Ton Full City Roast (#652121). Sie vereint Northern Star, Brimming Over, Odyssey und Full City Roast in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFEEA auf #652121 mit 11,5: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

Northern Star #FFFEEA

RGB: rgb(255, 254, 234)
HSL: hsl(57, 100%, 96%)
Luminanz: 0,981

Brimming Over #7A968D

RGB: rgb(122, 150, 141)
HSL: hsl(161, 12%, 53%)
Luminanz: 0,279

Odyssey #394A5A

RGB: rgb(57, 74, 90)
HSL: hsl(209, 22%, 29%)
Luminanz: 0,065

Full City Roast #652121

RGB: rgb(101, 33, 33)
HSL: hsl(0, 51%, 26%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #FFFEEA auf #652121 11,50:1 AAA

Aa #FFFEEA auf #394A5A 8,96:1 AAA

Aa #7A968D auf #652121 3,67:1 AA (großer Text)

Aa #FFFEEA auf #7A968D 3,14:1 AA (großer Text)

Aa #7A968D auf #394A5A 2,86:1 Nicht bestanden

Aa #394A5A auf #652121 1,28:1 Nicht bestanden

Blood Tide

Blood Tide

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen