Startseite Farbpaletten TY Deeper Depths 9

TY Deeper Depths 9

Palette mit 9 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

TY Deeper Depths 9

Palette mit 9 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Erdig 9 Farben Warm Dunkel Komplementär dark darkfantasy rpg dungeon

Likes 12

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #AFC044;
  --c-earthy-2: #5A6D1E;
  --c-earthy-3: #503C18;
  --c-earthy-4: #391D22;
  --c-earthy-5: #0E102D;
  --c-earthy-6: #B8C185;
  --c-earthy-7: #876759;
  --c-earthy-8: #824316;
  --c-earthy-9: #272A13;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Early Harvest (#B8C185) bis zum dunkelsten Ton Spanish Roast (#0E102D). Sie vereint Rainforest Glow, Bowser Shell, Avocado Stone, Warm Balaclavas Are Forever, Spanish Roast, Early Harvest, Suede Leather, Russet und Black Mesa in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0E102D auf #B8C185 mit 9,73: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

Rainforest Glow #AFC044

RGB: rgb(175, 192, 68)
HSL: hsl(68, 50%, 51%)
Luminanz: 0,472

Bowser Shell #5A6D1E

RGB: rgb(90, 109, 30)
HSL: hsl(74, 57%, 27%)
Luminanz: 0,132

Avocado Stone #503C18

RGB: rgb(80, 60, 24)
HSL: hsl(39, 54%, 20%)
Luminanz: 0,050

Warm Balaclavas Are Forever #391D22

RGB: rgb(57, 29, 34)
HSL: hsl(349, 33%, 17%)
Luminanz: 0,019

Spanish Roast #0E102D

RGB: rgb(14, 16, 45)
HSL: hsl(236, 53%, 12%)
Luminanz: 0,007

Early Harvest #B8C185

RGB: rgb(184, 193, 133)
HSL: hsl(69, 33%, 64%)
Luminanz: 0,500

Suede Leather #876759

RGB: rgb(135, 103, 89)
HSL: hsl(18, 21%, 44%)
Luminanz: 0,156

Russet #824316

RGB: rgb(130, 67, 22)
HSL: hsl(25, 71%, 30%)
Luminanz: 0,088

Black Mesa #272A13

RGB: rgb(39, 42, 19)
HSL: hsl(68, 38%, 12%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #0E102D auf #B8C185 9,73:1 AAA

Aa #AFC044 auf #0E102D 9,24:1 AAA

Aa #391D22 auf #B8C185 8,02:1 AAA

Aa #B8C185 auf #272A13 7,71:1 AAA

Aa #AFC044 auf #391D22 7,61:1 AAA

Aa #AFC044 auf #272A13 7,32:1 AAA

Aa #503C18 auf #B8C185 5,50:1 AA

Aa #AFC044 auf #503C18 5,22:1 AA

Aa #B8C185 auf #824316 3,98:1 AA (großer Text)

Aa #AFC044 auf #824316 3,78:1 AA (großer Text)

Aa #0E102D auf #876759 3,64:1 AA (großer Text)

Aa #5A6D1E auf #0E102D 3,22:1 AA (großer Text)

Aa #5A6D1E auf #B8C185 3,02:1 AA (großer Text)

Aa #391D22 auf #876759 3,00:1 AA (großer Text)

Aa #876759 auf #272A13 2,88:1 Nicht bestanden

Aa #AFC044 auf #5A6D1E 2,87:1 Nicht bestanden

Aa #B8C185 auf #876759 2,67:1 Nicht bestanden

Aa #5A6D1E auf #391D22 2,65:1 Nicht bestanden

Aa #5A6D1E auf #272A13 2,55:1 Nicht bestanden

Aa #AFC044 auf #876759 2,54:1 Nicht bestanden

Aa #0E102D auf #824316 2,44:1 Nicht bestanden

Aa #503C18 auf #876759 2,06:1 Nicht bestanden

Aa #391D22 auf #824316 2,01:1 Nicht bestanden

Aa #824316 auf #272A13 1,94:1 Nicht bestanden

Aa #5A6D1E auf #503C18 1,82:1 Nicht bestanden

Aa #503C18 auf #0E102D 1,77:1 Nicht bestanden

Aa #876759 auf #824316 1,49:1 Nicht bestanden

Aa #503C18 auf #391D22 1,46:1 Nicht bestanden

Aa #503C18 auf #272A13 1,40:1 Nicht bestanden

Aa #503C18 auf #824316 1,38:1 Nicht bestanden

Aa #5A6D1E auf #824316 1,32:1 Nicht bestanden

Aa #0E102D auf #272A13 1,26:1 Nicht bestanden

Aa #391D22 auf #0E102D 1,21:1 Nicht bestanden

Aa #5A6D1E auf #876759 1,13:1 Nicht bestanden

Aa #AFC044 auf #B8C185 1,05:1 Nicht bestanden

Aa #391D22 auf #272A13 1,04:1 Nicht bestanden

TY Deeper Depths 9