Startseite Farbpaletten Bottomless Abyss

Bottomless Abyss

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Bottomless Abyss

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog

Likes 51

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #C3B1A2;
  --c-earthy-2: #B48E7E;
  --c-earthy-3: #AB5A49;
  --c-earthy-4: #863A32;
  --c-earthy-5: #5F1C2A;
  --c-earthy-6: #3B0C24;
  --c-earthy-7: #27061E;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Coral Clay (#C3B1A2) bis zum dunkelsten Ton Meški Black (#27061E). Sie vereint Coral Clay, Coyote Tracks, Tibetan Orange, Prairie Sand, Pohutukawa, Chocolate Kiss und Meški Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C3B1A2 auf #27061E mit 8,96: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

Coral Clay #C3B1A2

RGB: rgb(195, 177, 162)
HSL: hsl(27, 22%, 70%)
Luminanz: 0,457

Coyote Tracks #B48E7E

RGB: rgb(180, 142, 126)
HSL: hsl(18, 26%, 60%)
Luminanz: 0,306

Tibetan Orange #AB5A49

RGB: rgb(171, 90, 73)
HSL: hsl(10, 40%, 48%)
Luminanz: 0,165

Prairie Sand #863A32

RGB: rgb(134, 58, 50)
HSL: hsl(6, 46%, 36%)
Luminanz: 0,083

Pohutukawa #5F1C2A

RGB: rgb(95, 28, 42)
HSL: hsl(347, 54%, 24%)
Luminanz: 0,034

Chocolate Kiss #3B0C24

RGB: rgb(59, 12, 36)
HSL: hsl(329, 66%, 14%)
Luminanz: 0,013

Meški Black #27061E

RGB: rgb(39, 6, 30)
HSL: hsl(316, 73%, 9%)
Luminanz: 0,007

Kontrast & Barrierefreiheit

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

Aa #C3B1A2 auf #27061E 8,96:1 AAA

Aa #C3B1A2 auf #3B0C24 8,01:1 AAA

Aa #B48E7E auf #27061E 6,29:1 AA

Aa #C3B1A2 auf #5F1C2A 6,01:1 AA

Aa #B48E7E auf #3B0C24 5,63:1 AA

Aa #B48E7E auf #5F1C2A 4,22:1 AA (großer Text)

Aa #C3B1A2 auf #863A32 3,80:1 AA (großer Text)

Aa #AB5A49 auf #27061E 3,79:1 AA (großer Text)

Aa #AB5A49 auf #3B0C24 3,39:1 AA (großer Text)

Aa #B48E7E auf #863A32 2,67:1 Nicht bestanden

Aa #AB5A49 auf #5F1C2A 2,54:1 Nicht bestanden

Aa #C3B1A2 auf #AB5A49 2,36:1 Nicht bestanden

Aa #863A32 auf #27061E 2,36:1 Nicht bestanden

Aa #863A32 auf #3B0C24 2,11:1 Nicht bestanden

Aa #B48E7E auf #AB5A49 1,66:1 Nicht bestanden

Aa #AB5A49 auf #863A32 1,61:1 Nicht bestanden

Aa #863A32 auf #5F1C2A 1,58:1 Nicht bestanden

Aa #5F1C2A auf #27061E 1,49:1 Nicht bestanden

Aa #C3B1A2 auf #B48E7E 1,42:1 Nicht bestanden

Aa #5F1C2A auf #3B0C24 1,33:1 Nicht bestanden

Aa #3B0C24 auf #27061E 1,12:1 Nicht bestanden

Bottomless Abyss