AAP Micro12

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

Zurück zur Bibliothek

AAP Micro12

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

Bearbeiten

Erdig 12 Farben Warm Dunkel Komplementär artist adigunpolack

Likes 60

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #040303;
  --c-earthy-2: #1C1618;
  --c-earthy-3: #47416B;
  --c-earthy-4: #6C8C50;
  --c-earthy-5: #E3D245;
  --c-earthy-6: #D88038;
  --c-earthy-7: #A13D3B;
  --c-earthy-8: #4E282E;
  --c-earthy-9: #9A407E;
  --c-earthy-10: #F0D472;
  --c-earthy-11: #F9F5EF;
  --c-earthy-12: #8A8FC4;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Silver Bird (#F9F5EF) bis zum dunkelsten Ton Armour Wash (#040303). Sie vereint Armour Wash, Bats Cloak, Evening Mauve, Bright Forest, Golden Relic, Mexican Spirit, Bijou Red, Heath, Grape Riot, Funky Yellow, Silver Bird und Carriage Ride in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #040303 auf #F9F5EF mit 18,97: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

Armour Wash #040303

RGB: rgb(4, 3, 3)
HSL: hsl(0, 14%, 1%)
Luminanz: 0,001

Bats Cloak #1C1618

RGB: rgb(28, 22, 24)
HSL: hsl(340, 12%, 10%)
Luminanz: 0,009

Evening Mauve #47416B

RGB: rgb(71, 65, 107)
HSL: hsl(249, 24%, 34%)
Luminanz: 0,062

Bright Forest #6C8C50

RGB: rgb(108, 140, 80)
HSL: hsl(92, 27%, 43%)
Luminanz: 0,225

Golden Relic #E3D245

RGB: rgb(227, 210, 69)
HSL: hsl(54, 74%, 58%)
Luminanz: 0,629

Mexican Spirit #D88038

RGB: rgb(216, 128, 56)
HSL: hsl(27, 67%, 53%)
Luminanz: 0,303

Bijou Red #A13D3B

RGB: rgb(161, 61, 59)
HSL: hsl(1, 46%, 43%)
Luminanz: 0,112

Heath #4E282E

RGB: rgb(78, 40, 46)
HSL: hsl(351, 32%, 23%)
Luminanz: 0,033

Grape Riot #9A407E

RGB: rgb(154, 64, 126)
HSL: hsl(319, 41%, 43%)
Luminanz: 0,120

Funky Yellow #F0D472

RGB: rgb(240, 212, 114)
HSL: hsl(47, 81%, 69%)
Luminanz: 0,668

Silver Bird #F9F5EF

RGB: rgb(249, 245, 239)
HSL: hsl(36, 45%, 96%)
Luminanz: 0,917

Carriage Ride #8A8FC4

RGB: rgb(138, 143, 196)
HSL: hsl(235, 33%, 65%)
Luminanz: 0,290

Kontrast & Barrierefreiheit

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

Aa #040303 auf #F9F5EF 18,97:1 AAA

Aa #1C1618 auf #F9F5EF 16,42:1 AAA

Aa #040303 auf #F0D472 14,09:1 AAA

Aa #040303 auf #E3D245 13,31:1 AAA

Aa #1C1618 auf #F0D472 12,20:1 AAA

Aa #4E282E auf #F9F5EF 11,60:1 AAA

Aa #1C1618 auf #E3D245 11,53:1 AAA

Aa #47416B auf #F9F5EF 8,65:1 AAA

Aa #4E282E auf #F0D472 8,62:1 AAA

Aa #E3D245 auf #4E282E 8,14:1 AAA

Aa #040303 auf #D88038 6,93:1 AA

Aa #040303 auf #8A8FC4 6,68:1 AA

Aa #47416B auf #F0D472 6,42:1 AA

Aa #47416B auf #E3D245 6,07:1 AA

Aa #1C1618 auf #D88038 6,00:1 AA

Aa #A13D3B auf #F9F5EF 5,96:1 AA

Aa #1C1618 auf #8A8FC4 5,78:1 AA

Aa #9A407E auf #F9F5EF 5,67:1 AA

Aa #040303 auf #6C8C50 5,40:1 AA

Aa #1C1618 auf #6C8C50 4,68:1 AA

Aa #A13D3B auf #F0D472 4,43:1 AA (großer Text)

Aa #D88038 auf #4E282E 4,24:1 AA (großer Text)

Aa #9A407E auf #F0D472 4,21:1 AA (großer Text)

Aa #E3D245 auf #A13D3B 4,18:1 AA (großer Text)

Aa #4E282E auf #8A8FC4 4,08:1 AA (großer Text)

Aa #E3D245 auf #9A407E 3,98:1 AA (großer Text)

Aa #6C8C50 auf #F9F5EF 3,51:1 AA (großer Text)

Aa #040303 auf #9A407E 3,34:1 AA (großer Text)

Aa #6C8C50 auf #4E282E 3,30:1 AA (großer Text)

Aa #040303 auf #A13D3B 3,18:1 AA (großer Text)

Aa #47416B auf #D88038 3,16:1 AA (großer Text)

Aa #47416B auf #8A8FC4 3,04:1 AA (großer Text)

Aa #1C1618 auf #9A407E 2,90:1 Nicht bestanden

Aa #F9F5EF auf #8A8FC4 2,84:1 Nicht bestanden

Aa #1C1618 auf #A13D3B 2,76:1 Nicht bestanden

Aa #D88038 auf #F9F5EF 2,74:1 Nicht bestanden

Aa #6C8C50 auf #F0D472 2,61:1 Nicht bestanden

Aa #6C8C50 auf #E3D245 2,47:1 Nicht bestanden

Aa #47416B auf #6C8C50 2,46:1 Nicht bestanden

Aa #040303 auf #47416B 2,19:1 Nicht bestanden

Aa #D88038 auf #A13D3B 2,18:1 Nicht bestanden

Aa #F0D472 auf #8A8FC4 2,11:1 Nicht bestanden

Aa #A13D3B auf #8A8FC4 2,10:1 Nicht bestanden

Aa #D88038 auf #9A407E 2,07:1 Nicht bestanden

Aa #4E282E auf #9A407E 2,04:1 Nicht bestanden

Aa #D88038 auf #F0D472 2,03:1 Nicht bestanden

Aa #9A407E auf #8A8FC4 2,00:1 Nicht bestanden

Aa #E3D245 auf #8A8FC4 1,99:1 Nicht bestanden

Aa #A13D3B auf #4E282E 1,95:1 Nicht bestanden

Aa #E3D245 auf #D88038 1,92:1 Nicht bestanden

Aa #1C1618 auf #47416B 1,90:1 Nicht bestanden

Aa #6C8C50 auf #A13D3B 1,70:1 Nicht bestanden

Aa #040303 auf #4E282E 1,64:1 Nicht bestanden

Aa #6C8C50 auf #9A407E 1,61:1 Nicht bestanden

Aa #47416B auf #9A407E 1,52:1 Nicht bestanden

Aa #47416B auf #A13D3B 1,45:1 Nicht bestanden

Aa #1C1618 auf #4E282E 1,42:1 Nicht bestanden

Aa #E3D245 auf #F9F5EF 1,42:1 Nicht bestanden

Aa #F0D472 auf #F9F5EF 1,35:1 Nicht bestanden

Aa #47416B auf #4E282E 1,34:1 Nicht bestanden

Aa #6C8C50 auf #D88038 1,28:1 Nicht bestanden

Aa #6C8C50 auf #8A8FC4 1,24:1 Nicht bestanden

Aa #040303 auf #1C1618 1,15:1 Nicht bestanden

Aa #E3D245 auf #F0D472 1,06:1 Nicht bestanden

Aa #A13D3B auf #9A407E 1,05:1 Nicht bestanden

Aa #D88038 auf #8A8FC4 1,04:1 Nicht bestanden

AAP Micro12

AAP Micro12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen