Anomaly B8

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

Zurück zur Bibliothek

Anomaly B8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 10

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #080707;
  --c-earthy-2: #553D3D;
  --c-earthy-3: #CC3E47;
  --c-earthy-4: #F29CBD;
  --c-earthy-5: #F4F5F7;
  --c-earthy-6: #50EA9D;
  --c-earthy-7: #75847C;
  --c-earthy-8: #29625B;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Gram’s Hair (#F4F5F7) bis zum dunkelsten Ton Accursed Black (#080707). Sie vereint Accursed Black, Budapest Brown, Mullen Pink, Amaranth Pink, Gram’s Hair, Thallium Flame, Limerick und Verdant Forest in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #080707 auf #F4F5F7 mit 18,44: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

Accursed Black #080707

RGB: rgb(8, 7, 7)
HSL: hsl(0, 7%, 3%)
Luminanz: 0,002

Budapest Brown #553D3D

RGB: rgb(85, 61, 61)
HSL: hsl(0, 16%, 29%)
Luminanz: 0,056

Mullen Pink #CC3E47

RGB: rgb(204, 62, 71)
HSL: hsl(356, 58%, 52%)
Luminanz: 0,167

Amaranth Pink #F29CBD

RGB: rgb(242, 156, 189)
HSL: hsl(337, 77%, 78%)
Luminanz: 0,463

Gram’s Hair #F4F5F7

RGB: rgb(244, 245, 247)
HSL: hsl(220, 16%, 96%)
Luminanz: 0,913

Thallium Flame #50EA9D

RGB: rgb(80, 234, 157)
HSL: hsl(150, 79%, 62%)
Luminanz: 0,630

Limerick #75847C

RGB: rgb(117, 132, 124)
HSL: hsl(148, 6%, 49%)
Luminanz: 0,217

Verdant Forest #29625B

RGB: rgb(41, 98, 91)
HSL: hsl(173, 41%, 27%)
Luminanz: 0,100

Kontrast & Barrierefreiheit

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

Aa #080707 auf #F4F5F7 18,44:1 AAA

Aa #080707 auf #50EA9D 13,03:1 AAA

Aa #080707 auf #F29CBD 9,84:1 AAA

Aa #553D3D auf #F4F5F7 9,08:1 AAA

Aa #F4F5F7 auf #29625B 6,43:1 AA

Aa #553D3D auf #50EA9D 6,41:1 AA

Aa #080707 auf #75847C 5,12:1 AA

Aa #553D3D auf #F29CBD 4,84:1 AA

Aa #50EA9D auf #29625B 4,54:1 AA

Aa #CC3E47 auf #F4F5F7 4,43:1 AA (großer Text)

Aa #080707 auf #CC3E47 4,17:1 AA (großer Text)

Aa #F4F5F7 auf #75847C 3,60:1 AA (großer Text)

Aa #F29CBD auf #29625B 3,43:1 AA (großer Text)

Aa #CC3E47 auf #50EA9D 3,13:1 AA (großer Text)

Aa #080707 auf #29625B 2,87:1 Nicht bestanden

Aa #50EA9D auf #75847C 2,54:1 Nicht bestanden

Aa #553D3D auf #75847C 2,52:1 Nicht bestanden

Aa #CC3E47 auf #F29CBD 2,36:1 Nicht bestanden

Aa #553D3D auf #CC3E47 2,05:1 Nicht bestanden

Aa #080707 auf #553D3D 2,03:1 Nicht bestanden

Aa #F29CBD auf #75847C 1,92:1 Nicht bestanden

Aa #F29CBD auf #F4F5F7 1,88:1 Nicht bestanden

Aa #75847C auf #29625B 1,79:1 Nicht bestanden

Aa #CC3E47 auf #29625B 1,45:1 Nicht bestanden

Aa #F4F5F7 auf #50EA9D 1,42:1 Nicht bestanden

Aa #553D3D auf #29625B 1,41:1 Nicht bestanden

Aa #F29CBD auf #50EA9D 1,32:1 Nicht bestanden

Aa #CC3E47 auf #75847C 1,23:1 Nicht bestanden

Anomaly B8

Anomaly B8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen