Startseite Farbpaletten TY Distorted Princess 10

TY Distorted Princess 10

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

Zurück zur Bibliothek

TY Distorted Princess 10

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

Bearbeiten

Erdig 10 Farben Warm Gemischt Analog green dark brown gloomy

Likes 56

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #BFAF81;
  --c-earthy-3: #BD997B;
  --c-earthy-4: #7B7562;
  --c-earthy-5: #7B7531;
  --c-earthy-6: #625D10;
  --c-earthy-7: #4A4C10;
  --c-earthy-8: #413018;
  --c-earthy-9: #291C08;
  --c-earthy-10: #181C08;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Found Fossil (#DECEB4) bis zum dunkelsten Ton Noir Mystique (#181C08). Sie vereint Found Fossil, Ecru, Slice of Brioche, Lapwing Grey Green, Spanish Bistre, Brussels Sprout Green, Alligator Gladiator, Pullman Green, Brunneophobia und Noir Mystique in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DECEB4 auf #181C08 mit 11,25: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

Found Fossil #DECEB4

RGB: rgb(222, 206, 180)
HSL: hsl(37, 39%, 79%)
Luminanz: 0,630

Ecru #BFAF81

RGB: rgb(191, 175, 129)
HSL: hsl(45, 33%, 63%)
Luminanz: 0,433

Slice of Brioche #BD997B

RGB: rgb(189, 153, 123)
HSL: hsl(27, 33%, 61%)
Luminanz: 0,350

Lapwing Grey Green #7B7562

RGB: rgb(123, 117, 98)
HSL: hsl(46, 11%, 43%)
Luminanz: 0,178

Spanish Bistre #7B7531

RGB: rgb(123, 117, 49)
HSL: hsl(55, 43%, 34%)
Luminanz: 0,172

Brussels Sprout Green #625D10

RGB: rgb(98, 93, 16)
HSL: hsl(56, 72%, 22%)
Luminanz: 0,105

Alligator Gladiator #4A4C10

RGB: rgb(74, 76, 16)
HSL: hsl(62, 65%, 18%)
Luminanz: 0,067

Pullman Green #413018

RGB: rgb(65, 48, 24)
HSL: hsl(35, 46%, 17%)
Luminanz: 0,033

Brunneophobia #291C08

RGB: rgb(41, 28, 8)
HSL: hsl(36, 67%, 10%)
Luminanz: 0,013

Noir Mystique #181C08

RGB: rgb(24, 28, 8)
HSL: hsl(72, 56%, 7%)
Luminanz: 0,010

Kontrast & Barrierefreiheit

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

Aa #DECEB4 auf #181C08 11,25:1 AAA

Aa #DECEB4 auf #291C08 10,76:1 AAA

Aa #DECEB4 auf #413018 8,19:1 AAA

Aa #BFAF81 auf #181C08 8,00:1 AAA

Aa #BFAF81 auf #291C08 7,65:1 AAA

Aa #BD997B auf #181C08 6,63:1 AA

Aa #BD997B auf #291C08 6,33:1 AA

Aa #DECEB4 auf #4A4C10 5,83:1 AA

Aa #BFAF81 auf #413018 5,82:1 AA

Aa #BD997B auf #413018 4,82:1 AA

Aa #DECEB4 auf #625D10 4,40:1 AA (großer Text)

Aa #BFAF81 auf #4A4C10 4,14:1 AA (großer Text)

Aa #7B7562 auf #181C08 3,78:1 AA (großer Text)

Aa #7B7531 auf #181C08 3,67:1 AA (großer Text)

Aa #7B7562 auf #291C08 3,61:1 AA (großer Text)

Aa #7B7531 auf #291C08 3,51:1 AA (großer Text)

Aa #BD997B auf #4A4C10 3,43:1 AA (großer Text)

Aa #BFAF81 auf #625D10 3,13:1 AA (großer Text)

Aa #DECEB4 auf #7B7531 3,07:1 AA (großer Text)

Aa #DECEB4 auf #7B7562 2,98:1 Nicht bestanden

Aa #7B7562 auf #413018 2,75:1 Nicht bestanden

Aa #7B7531 auf #413018 2,67:1 Nicht bestanden

Aa #BD997B auf #625D10 2,59:1 Nicht bestanden

Aa #625D10 auf #181C08 2,56:1 Nicht bestanden

Aa #625D10 auf #291C08 2,45:1 Nicht bestanden

Aa #BFAF81 auf #7B7531 2,18:1 Nicht bestanden

Aa #BFAF81 auf #7B7562 2,12:1 Nicht bestanden

Aa #7B7562 auf #4A4C10 1,96:1 Nicht bestanden

Aa #4A4C10 auf #181C08 1,93:1 Nicht bestanden

Aa #7B7531 auf #4A4C10 1,90:1 Nicht bestanden

Aa #625D10 auf #413018 1,86:1 Nicht bestanden

Aa #4A4C10 auf #291C08 1,85:1 Nicht bestanden

Aa #BD997B auf #7B7531 1,81:1 Nicht bestanden

Aa #BD997B auf #7B7562 1,75:1 Nicht bestanden

Aa #DECEB4 auf #BD997B 1,70:1 Nicht bestanden

Aa #7B7562 auf #625D10 1,48:1 Nicht bestanden

Aa #7B7531 auf #625D10 1,43:1 Nicht bestanden

Aa #DECEB4 auf #BFAF81 1,41:1 Nicht bestanden

Aa #4A4C10 auf #413018 1,40:1 Nicht bestanden

Aa #413018 auf #181C08 1,37:1 Nicht bestanden

Aa #625D10 auf #4A4C10 1,33:1 Nicht bestanden

Aa #413018 auf #291C08 1,31:1 Nicht bestanden

Aa #BFAF81 auf #BD997B 1,21:1 Nicht bestanden

Aa #291C08 auf #181C08 1,05:1 Nicht bestanden

Aa #7B7562 auf #7B7531 1,03:1 Nicht bestanden

TY Distorted Princess 10