Anthill

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Anthill

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär pixelart green pink warm

Likes 43

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #292449;
  --c-earthy-2: #6E3850;
  --c-earthy-3: #8D4E59;
  --c-earthy-4: #805978;
  --c-earthy-5: #6C848D;
  --c-earthy-6: #C2707D;
  --c-earthy-7: #9FA05E;
  --c-earthy-8: #B49D61;
  --c-earthy-9: #D99770;
  --c-earthy-10: #E0AE92;
  --c-earthy-11: #EABC74;
  --c-earthy-12: #FFE6C6;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Flower Centre (#FFE6C6) bis zum dunkelsten Ton Elderberry (#292449). Sie vereint Elderberry, Ruby Nights, Rialto, Dull Purple, Indigo Mouse, Briar Rose, Gothic Revival Green, Antique Gold, Laredo, Bedtime Story, Natrolite und Flower Centre in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #292449 auf #FFE6C6 mit 12,05: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

Elderberry #292449

RGB: rgb(41, 36, 73)
HSL: hsl(248, 34%, 21%)
Luminanz: 0,022

Ruby Nights #6E3850

RGB: rgb(110, 56, 80)
HSL: hsl(333, 33%, 33%)
Luminanz: 0,067

Rialto #8D4E59

RGB: rgb(141, 78, 89)
HSL: hsl(350, 29%, 43%)
Luminanz: 0,118

Dull Purple #805978

RGB: rgb(128, 89, 120)
HSL: hsl(312, 18%, 43%)
Luminanz: 0,131

Indigo Mouse #6C848D

RGB: rgb(108, 132, 141)
HSL: hsl(196, 13%, 49%)
Luminanz: 0,216

Briar Rose #C2707D

RGB: rgb(194, 112, 125)
HSL: hsl(350, 40%, 60%)
Luminanz: 0,245

Gothic Revival Green #9FA05E

RGB: rgb(159, 160, 94)
HSL: hsl(61, 26%, 50%)
Luminanz: 0,333

Antique Gold #B49D61

RGB: rgb(180, 157, 97)
HSL: hsl(43, 36%, 54%)
Luminanz: 0,347

Laredo #D99770

RGB: rgb(217, 151, 112)
HSL: hsl(22, 58%, 65%)
Luminanz: 0,381

Bedtime Story #E0AE92

RGB: rgb(224, 174, 146)
HSL: hsl(22, 56%, 73%)
Luminanz: 0,482

Natrolite #EABC74

RGB: rgb(234, 188, 116)
HSL: hsl(37, 74%, 69%)
Luminanz: 0,547

Flower Centre #FFE6C6

RGB: rgb(255, 230, 198)
HSL: hsl(34, 100%, 89%)
Luminanz: 0,819

Kontrast & Barrierefreiheit

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

Aa #292449 auf #FFE6C6 12,05:1 AAA

Aa #292449 auf #EABC74 8,28:1 AAA

Aa #6E3850 auf #FFE6C6 7,42:1 AAA

Aa #292449 auf #E0AE92 7,37:1 AAA

Aa #292449 auf #D99770 5,97:1 AA

Aa #292449 auf #B49D61 5,50:1 AA

Aa #292449 auf #9FA05E 5,31:1 AA

Aa #8D4E59 auf #FFE6C6 5,16:1 AA

Aa #6E3850 auf #EABC74 5,09:1 AA

Aa #805978 auf #FFE6C6 4,81:1 AA

Aa #6E3850 auf #E0AE92 4,54:1 AA

Aa #292449 auf #C2707D 4,09:1 AA (großer Text)

Aa #292449 auf #6C848D 3,69:1 AA (großer Text)

Aa #6E3850 auf #D99770 3,67:1 AA (großer Text)

Aa #8D4E59 auf #EABC74 3,55:1 AA (großer Text)

Aa #6E3850 auf #B49D61 3,38:1 AA (großer Text)

Aa #805978 auf #EABC74 3,30:1 AA (großer Text)

Aa #6E3850 auf #9FA05E 3,27:1 AA (großer Text)

Aa #6C848D auf #FFE6C6 3,27:1 AA (großer Text)

Aa #8D4E59 auf #E0AE92 3,16:1 AA (großer Text)

Aa #805978 auf #E0AE92 2,94:1 Nicht bestanden

Aa #C2707D auf #FFE6C6 2,94:1 Nicht bestanden

Aa #8D4E59 auf #D99770 2,56:1 Nicht bestanden

Aa #6E3850 auf #C2707D 2,52:1 Nicht bestanden

Aa #292449 auf #805978 2,51:1 Nicht bestanden

Aa #805978 auf #D99770 2,38:1 Nicht bestanden

Aa #8D4E59 auf #B49D61 2,36:1 Nicht bestanden

Aa #292449 auf #8D4E59 2,33:1 Nicht bestanden

Aa #8D4E59 auf #9FA05E 2,28:1 Nicht bestanden

Aa #6E3850 auf #6C848D 2,27:1 Nicht bestanden

Aa #9FA05E auf #FFE6C6 2,27:1 Nicht bestanden

Aa #6C848D auf #EABC74 2,24:1 Nicht bestanden

Aa #805978 auf #B49D61 2,19:1 Nicht bestanden

Aa #B49D61 auf #FFE6C6 2,19:1 Nicht bestanden

Aa #805978 auf #9FA05E 2,12:1 Nicht bestanden

Aa #C2707D auf #EABC74 2,02:1 Nicht bestanden

Aa #D99770 auf #FFE6C6 2,02:1 Nicht bestanden

Aa #6C848D auf #E0AE92 2,00:1 Nicht bestanden

Aa #C2707D auf #E0AE92 1,80:1 Nicht bestanden

Aa #8D4E59 auf #C2707D 1,75:1 Nicht bestanden

Aa #805978 auf #C2707D 1,63:1 Nicht bestanden

Aa #E0AE92 auf #FFE6C6 1,63:1 Nicht bestanden

Aa #292449 auf #6E3850 1,62:1 Nicht bestanden

Aa #6C848D auf #D99770 1,62:1 Nicht bestanden

Aa #8D4E59 auf #6C848D 1,58:1 Nicht bestanden

Aa #9FA05E auf #EABC74 1,56:1 Nicht bestanden

Aa #6E3850 auf #805978 1,54:1 Nicht bestanden

Aa #B49D61 auf #EABC74 1,51:1 Nicht bestanden

Aa #6C848D auf #B49D61 1,49:1 Nicht bestanden

Aa #805978 auf #6C848D 1,47:1 Nicht bestanden

Aa #C2707D auf #D99770 1,46:1 Nicht bestanden

Aa #EABC74 auf #FFE6C6 1,46:1 Nicht bestanden

Aa #6E3850 auf #8D4E59 1,44:1 Nicht bestanden

Aa #6C848D auf #9FA05E 1,44:1 Nicht bestanden

Aa #9FA05E auf #E0AE92 1,39:1 Nicht bestanden

Aa #D99770 auf #EABC74 1,39:1 Nicht bestanden

Aa #C2707D auf #B49D61 1,34:1 Nicht bestanden

Aa #B49D61 auf #E0AE92 1,34:1 Nicht bestanden

Aa #C2707D auf #9FA05E 1,30:1 Nicht bestanden

Aa #D99770 auf #E0AE92 1,24:1 Nicht bestanden

Aa #9FA05E auf #D99770 1,12:1 Nicht bestanden

Aa #E0AE92 auf #EABC74 1,12:1 Nicht bestanden

Aa #6C848D auf #C2707D 1,11:1 Nicht bestanden

Aa #B49D61 auf #D99770 1,09:1 Nicht bestanden

Aa #8D4E59 auf #805978 1,07:1 Nicht bestanden

Aa #9FA05E auf #B49D61 1,04:1 Nicht bestanden

Anthill

Anthill

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen