Startseite Farbpaletten Unfamiliar Delicious World

Unfamiliar Delicious World

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Unfamiliar Delicious World

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 12 Farben Kühl Gemischt Komplementär night blue yellow 12

Likes 47

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #5E55EF;
  --c-earthy-2: #BE9921;
  --c-earthy-3: #BDBEDC;
  --c-earthy-4: #86A351;
  --c-earthy-5: #44485D;
  --c-earthy-6: #110D1A;
  --c-earthy-7: #624160;
  --c-earthy-8: #9E6867;
  --c-earthy-9: #A590A5;
  --c-earthy-10: #7898AF;
  --c-earthy-11: #477A73;
  --c-earthy-12: #19329B;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Rhapsody Lilac (#BDBEDC) bis zum dunkelsten Ton Nyctophobia (#110D1A). Sie vereint Aquarius Mood Indigo, Nugget Gold, Rhapsody Lilac, Mosquito Fern, Sapphire Stone, Nyctophobia, Royal Plum, Spring Rosewood, Fields of Provence, Post Boy, Sea Pea und North Star Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BDBEDC auf #110D1A mit 10,55: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

Aquarius Mood Indigo #5E55EF

RGB: rgb(94, 85, 239)
HSL: hsl(244, 83%, 64%)
Luminanz: 0,151

Nugget Gold #BE9921

RGB: rgb(190, 153, 33)
HSL: hsl(46, 70%, 44%)
Luminanz: 0,338

Rhapsody Lilac #BDBEDC

RGB: rgb(189, 190, 220)
HSL: hsl(238, 31%, 80%)
Luminanz: 0,528

Mosquito Fern #86A351

RGB: rgb(134, 163, 81)
HSL: hsl(81, 34%, 48%)
Luminanz: 0,319

Sapphire Stone #44485D

RGB: rgb(68, 72, 93)
HSL: hsl(230, 16%, 32%)
Luminanz: 0,067

Nyctophobia #110D1A

RGB: rgb(17, 13, 26)
HSL: hsl(258, 33%, 8%)
Luminanz: 0,005

Royal Plum #624160

RGB: rgb(98, 65, 96)
HSL: hsl(304, 20%, 32%)
Luminanz: 0,072

Spring Rosewood #9E6867

RGB: rgb(158, 104, 103)
HSL: hsl(1, 22%, 51%)
Luminanz: 0,182

Fields of Provence #A590A5

RGB: rgb(165, 144, 165)
HSL: hsl(300, 10%, 61%)
Luminanz: 0,307

Post Boy #7898AF

RGB: rgb(120, 152, 175)
HSL: hsl(205, 26%, 58%)
Luminanz: 0,295

Sea Pea #477A73

RGB: rgb(71, 122, 115)
HSL: hsl(172, 26%, 38%)
Luminanz: 0,165

North Star Blue #19329B

RGB: rgb(25, 50, 155)
HSL: hsl(228, 72%, 35%)
Luminanz: 0,049

Kontrast & Barrierefreiheit

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

Aa #BDBEDC auf #110D1A 10,55:1 AAA

Aa #BE9921 auf #110D1A 7,09:1 AAA

Aa #86A351 auf #110D1A 6,72:1 AA

Aa #110D1A auf #A590A5 6,51:1 AA

Aa #110D1A auf #7898AF 6,30:1 AA

Aa #BDBEDC auf #19329B 5,87:1 AA

Aa #BDBEDC auf #44485D 4,96:1 AA

Aa #BDBEDC auf #624160 4,73:1 AA

Aa #110D1A auf #9E6867 4,22:1 AA (großer Text)

Aa #BE9921 auf #19329B 3,94:1 AA (großer Text)

Aa #110D1A auf #477A73 3,92:1 AA (großer Text)

Aa #86A351 auf #19329B 3,74:1 AA (großer Text)

Aa #5E55EF auf #110D1A 3,67:1 AA (großer Text)

Aa #A590A5 auf #19329B 3,62:1 AA (großer Text)

Aa #7898AF auf #19329B 3,51:1 AA (großer Text)

Aa #BE9921 auf #44485D 3,33:1 AA (großer Text)

Aa #BE9921 auf #624160 3,18:1 AA (großer Text)

Aa #86A351 auf #44485D 3,16:1 AA (großer Text)

Aa #44485D auf #A590A5 3,06:1 AA (großer Text)

Aa #86A351 auf #624160 3,02:1 AA (großer Text)

Aa #44485D auf #7898AF 2,96:1 Nicht bestanden

Aa #624160 auf #A590A5 2,92:1 Nicht bestanden

Aa #5E55EF auf #BDBEDC 2,88:1 Nicht bestanden

Aa #624160 auf #7898AF 2,83:1 Nicht bestanden

Aa #BDBEDC auf #477A73 2,69:1 Nicht bestanden

Aa #BDBEDC auf #9E6867 2,50:1 Nicht bestanden

Aa #9E6867 auf #19329B 2,35:1 Nicht bestanden

Aa #110D1A auf #624160 2,23:1 Nicht bestanden

Aa #477A73 auf #19329B 2,18:1 Nicht bestanden

Aa #44485D auf #110D1A 2,13:1 Nicht bestanden

Aa #5E55EF auf #19329B 2,04:1 Nicht bestanden

Aa #44485D auf #9E6867 1,99:1 Nicht bestanden

Aa #5E55EF auf #BE9921 1,93:1 Nicht bestanden

Aa #624160 auf #9E6867 1,89:1 Nicht bestanden

Aa #44485D auf #477A73 1,84:1 Nicht bestanden

Aa #5E55EF auf #86A351 1,83:1 Nicht bestanden

Aa #BE9921 auf #477A73 1,81:1 Nicht bestanden

Aa #110D1A auf #19329B 1,80:1 Nicht bestanden

Aa #5E55EF auf #A590A5 1,77:1 Nicht bestanden

Aa #624160 auf #477A73 1,76:1 Nicht bestanden

Aa #5E55EF auf #44485D 1,73:1 Nicht bestanden

Aa #5E55EF auf #7898AF 1,72:1 Nicht bestanden

Aa #86A351 auf #477A73 1,71:1 Nicht bestanden

Aa #BE9921 auf #9E6867 1,68:1 Nicht bestanden

Aa #BDBEDC auf #7898AF 1,67:1 Nicht bestanden

Aa #A590A5 auf #477A73 1,66:1 Nicht bestanden

Aa #5E55EF auf #624160 1,65:1 Nicht bestanden

Aa #BDBEDC auf #A590A5 1,62:1 Nicht bestanden

Aa #7898AF auf #477A73 1,61:1 Nicht bestanden

Aa #86A351 auf #9E6867 1,59:1 Nicht bestanden

Aa #BDBEDC auf #86A351 1,57:1 Nicht bestanden

Aa #9E6867 auf #A590A5 1,54:1 Nicht bestanden

Aa #BE9921 auf #BDBEDC 1,49:1 Nicht bestanden

Aa #9E6867 auf #7898AF 1,49:1 Nicht bestanden

Aa #624160 auf #19329B 1,24:1 Nicht bestanden

Aa #44485D auf #19329B 1,18:1 Nicht bestanden

Aa #5E55EF auf #9E6867 1,15:1 Nicht bestanden

Aa #BE9921 auf #7898AF 1,12:1 Nicht bestanden

Aa #BE9921 auf #A590A5 1,09:1 Nicht bestanden

Aa #9E6867 auf #477A73 1,08:1 Nicht bestanden

Aa #5E55EF auf #477A73 1,07:1 Nicht bestanden

Aa #86A351 auf #7898AF 1,07:1 Nicht bestanden

Aa #BE9921 auf #86A351 1,05:1 Nicht bestanden

Aa #44485D auf #624160 1,05:1 Nicht bestanden

Aa #86A351 auf #A590A5 1,03:1 Nicht bestanden

Aa #A590A5 auf #7898AF 1,03:1 Nicht bestanden

Unfamiliar Delicious World