Cave Rock

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

Zurück zur Bibliothek

Cave Rock

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

Bearbeiten

Erdig 8 Farben Kühl Gemischt Komplementär artist rhoq

Likes 30

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #33337F;
  --c-earthy-2: #2188CF;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #4891AA;
  --c-earthy-5: #244855;
  --c-earthy-6: #80350E;
  --c-earthy-7: #FF9F46;
  --c-earthy-8: #B6B6AA;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Ballpoint Indigo (#33337F). Sie vereint Ballpoint Indigo, Zürich Blue, White, Sora Sky, Mallard, Rogan Josh, Au Gratin und Shell Walk 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 #33337F auf #FFFFFF mit 10,93: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

Ballpoint Indigo #33337F

RGB: rgb(51, 51, 127)
HSL: hsl(240, 43%, 35%)
Luminanz: 0,046

Zürich Blue #2188CF

RGB: rgb(33, 136, 207)
HSL: hsl(204, 73%, 47%)
Luminanz: 0,224

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Sora Sky #4891AA

RGB: rgb(72, 145, 170)
HSL: hsl(195, 40%, 47%)
Luminanz: 0,245

Mallard #244855

RGB: rgb(36, 72, 85)
HSL: hsl(196, 40%, 24%)
Luminanz: 0,057

Rogan Josh #80350E

RGB: rgb(128, 53, 14)
HSL: hsl(21, 80%, 28%)
Luminanz: 0,072

Au Gratin #FF9F46

RGB: rgb(255, 159, 70)
HSL: hsl(29, 100%, 64%)
Luminanz: 0,465

Shell Walk #B6B6AA

RGB: rgb(182, 182, 170)
HSL: hsl(60, 8%, 69%)
Luminanz: 0,463

Kontrast & Barrierefreiheit

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

Aa #33337F auf #FFFFFF 10,93:1 AAA

Aa #FFFFFF auf #244855 9,84:1 AAA

Aa #FFFFFF auf #80350E 8,63:1 AAA

Aa #33337F auf #FF9F46 5,36:1 AA

Aa #33337F auf #B6B6AA 5,34:1 AA

Aa #244855 auf #FF9F46 4,83:1 AA

Aa #244855 auf #B6B6AA 4,81:1 AA

Aa #80350E auf #FF9F46 4,23:1 AA (großer Text)

Aa #80350E auf #B6B6AA 4,22:1 AA (großer Text)

Aa #2188CF auf #FFFFFF 3,83:1 AA (großer Text)

Aa #FFFFFF auf #4891AA 3,56:1 AA (großer Text)

Aa #33337F auf #4891AA 3,07:1 AA (großer Text)

Aa #33337F auf #2188CF 2,86:1 Nicht bestanden

Aa #4891AA auf #244855 2,77:1 Nicht bestanden

Aa #2188CF auf #244855 2,57:1 Nicht bestanden

Aa #4891AA auf #80350E 2,43:1 Nicht bestanden

Aa #2188CF auf #80350E 2,25:1 Nicht bestanden

Aa #FFFFFF auf #B6B6AA 2,05:1 Nicht bestanden

Aa #FFFFFF auf #FF9F46 2,04:1 Nicht bestanden

Aa #2188CF auf #FF9F46 1,88:1 Nicht bestanden

Aa #2188CF auf #B6B6AA 1,87:1 Nicht bestanden

Aa #4891AA auf #FF9F46 1,74:1 Nicht bestanden

Aa #4891AA auf #B6B6AA 1,74:1 Nicht bestanden

Aa #33337F auf #80350E 1,27:1 Nicht bestanden

Aa #244855 auf #80350E 1,14:1 Nicht bestanden

Aa #33337F auf #244855 1,11:1 Nicht bestanden

Aa #2188CF auf #4891AA 1,08:1 Nicht bestanden

Aa #FF9F46 auf #B6B6AA 1,00:1 Nicht bestanden

Cave Rock

Cave Rock

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen