Cave6

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

Zurück zur Bibliothek

Cave6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär dark 6 spooky cave

Likes 39

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #1C071A;
  --c-earthy-2: #362E38;
  --c-earthy-3: #454259;
  --c-earthy-4: #5B6975;
  --c-earthy-5: #99875F;
  --c-earthy-6: #B3CCE6;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Morality (#B3CCE6) bis zum dunkelsten Ton Meški Black (#1C071A). Sie vereint Meški Black, Lava Black, Club Grey, Big Daddy Blue, Twisted Tail und Morality in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C071A auf #B3CCE6 mit 11,6: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

Meški Black #1C071A

RGB: rgb(28, 7, 26)
HSL: hsl(306, 60%, 7%)
Luminanz: 0,005

Lava Black #362E38

RGB: rgb(54, 46, 56)
HSL: hsl(288, 10%, 20%)
Luminanz: 0,030

Club Grey #454259

RGB: rgb(69, 66, 89)
HSL: hsl(248, 15%, 30%)
Luminanz: 0,059

Big Daddy Blue #5B6975

RGB: rgb(91, 105, 117)
HSL: hsl(208, 13%, 41%)
Luminanz: 0,136

Twisted Tail #99875F

RGB: rgb(153, 135, 95)
HSL: hsl(41, 23%, 49%)
Luminanz: 0,249

Morality #B3CCE6

RGB: rgb(179, 204, 230)
HSL: hsl(211, 50%, 80%)
Luminanz: 0,585

Kontrast & Barrierefreiheit

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

Aa #1C071A auf #B3CCE6 11,60:1 AAA

Aa #362E38 auf #B3CCE6 7,91:1 AAA

Aa #454259 auf #B3CCE6 5,83:1 AA

Aa #1C071A auf #99875F 5,47:1 AA

Aa #362E38 auf #99875F 3,73:1 AA (großer Text)

Aa #5B6975 auf #B3CCE6 3,41:1 AA (großer Text)

Aa #1C071A auf #5B6975 3,40:1 AA (großer Text)

Aa #454259 auf #99875F 2,75:1 Nicht bestanden

Aa #362E38 auf #5B6975 2,32:1 Nicht bestanden

Aa #99875F auf #B3CCE6 2,12:1 Nicht bestanden

Aa #1C071A auf #454259 1,99:1 Nicht bestanden

Aa #454259 auf #5B6975 1,71:1 Nicht bestanden

Aa #5B6975 auf #99875F 1,61:1 Nicht bestanden

Aa #1C071A auf #362E38 1,47:1 Nicht bestanden

Aa #362E38 auf #454259 1,36:1 Nicht bestanden

Cave6

Cave6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen