Startseite Farbpaletten TY Abrupt Horror 7

TY Abrupt Horror 7

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

Zurück zur Bibliothek

TY Abrupt Horror 7

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog dark limited horror creepy

Likes 14

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #F8FFA7;
  --c-earthy-2: #D0C970;
  --c-earthy-3: #8FA16C;
  --c-earthy-4: #726E4E;
  --c-earthy-5: #534B47;
  --c-earthy-6: #3E3B2B;
  --c-earthy-7: #263929;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Calamansi (#F8FFA7) bis zum dunkelsten Ton Black Leather Jacket (#263929). Sie vereint Calamansi, Mung Bean, Scarpetta, Gratefully Grass, Périgord Truffle, Green 383 und Black Leather Jacket in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F8FFA7 auf #263929 mit 11,68: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

Calamansi #F8FFA7

RGB: rgb(248, 255, 167)
HSL: hsl(65, 100%, 83%)
Luminanz: 0,943

Mung Bean #D0C970

RGB: rgb(208, 201, 112)
HSL: hsl(56, 51%, 63%)
Luminanz: 0,564

Scarpetta #8FA16C

RGB: rgb(143, 161, 108)
HSL: hsl(80, 22%, 53%)
Luminanz: 0,324

Gratefully Grass #726E4E

RGB: rgb(114, 110, 78)
HSL: hsl(53, 19%, 38%)
Luminanz: 0,153

Périgord Truffle #534B47

RGB: rgb(83, 75, 71)
HSL: hsl(20, 8%, 30%)
Luminanz: 0,073

Green 383 #3E3B2B

RGB: rgb(62, 59, 43)
HSL: hsl(51, 18%, 21%)
Luminanz: 0,043

Black Leather Jacket #263929

RGB: rgb(38, 57, 41)
HSL: hsl(129, 20%, 19%)
Luminanz: 0,035

Kontrast & Barrierefreiheit

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

Aa #F8FFA7 auf #263929 11,68:1 AAA

Aa #F8FFA7 auf #3E3B2B 10,64:1 AAA

Aa #F8FFA7 auf #534B47 8,05:1 AAA

Aa #D0C970 auf #263929 7,22:1 AAA

Aa #D0C970 auf #3E3B2B 6,58:1 AA

Aa #D0C970 auf #534B47 4,98:1 AA

Aa #F8FFA7 auf #726E4E 4,89:1 AA

Aa #8FA16C auf #263929 4,40:1 AA (großer Text)

Aa #8FA16C auf #3E3B2B 4,01:1 AA (großer Text)

Aa #8FA16C auf #534B47 3,04:1 AA (großer Text)

Aa #D0C970 auf #726E4E 3,03:1 AA (großer Text)

Aa #F8FFA7 auf #8FA16C 2,65:1 Nicht bestanden

Aa #726E4E auf #263929 2,39:1 Nicht bestanden

Aa #726E4E auf #3E3B2B 2,17:1 Nicht bestanden

Aa #8FA16C auf #726E4E 1,84:1 Nicht bestanden

Aa #726E4E auf #534B47 1,65:1 Nicht bestanden

Aa #D0C970 auf #8FA16C 1,64:1 Nicht bestanden

Aa #F8FFA7 auf #D0C970 1,62:1 Nicht bestanden

Aa #534B47 auf #263929 1,45:1 Nicht bestanden

Aa #534B47 auf #3E3B2B 1,32:1 Nicht bestanden

Aa #3E3B2B auf #263929 1,10:1 Nicht bestanden

TY Abrupt Horror 7