Acronym 8

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

Zurück zur Bibliothek

Acronym 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär calculated hybrid leconbasin

Likes 17

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #2D2C3B;
  --c-earthy-2: #F3F2E8;
  --c-earthy-3: #3368DC;
  --c-earthy-4: #40A07C;
  --c-earthy-5: #70DDD7;
  --c-earthy-6: #B73241;
  --c-earthy-7: #B06F6B;
  --c-earthy-8: #DCC484;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Willowside (#F3F2E8) bis zum dunkelsten Ton Black Rock (#2D2C3B). Sie vereint Black Rock, Willowside, Royal Blue, Funk, Andes Sky, Rust Effect, Copper Penny und Sunspill in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2D2C3B auf #F3F2E8 mit 12,17: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

Black Rock #2D2C3B

RGB: rgb(45, 44, 59)
HSL: hsl(244, 15%, 20%)
Luminanz: 0,027

Willowside #F3F2E8

RGB: rgb(243, 242, 232)
HSL: hsl(55, 31%, 93%)
Luminanz: 0,884

Royal Blue #3368DC

RGB: rgb(51, 104, 220)
HSL: hsl(221, 71%, 53%)
Luminanz: 0,158

Funk #40A07C

RGB: rgb(64, 160, 124)
HSL: hsl(158, 43%, 44%)
Luminanz: 0,277

Andes Sky #70DDD7

RGB: rgb(112, 221, 215)
HSL: hsl(177, 62%, 65%)
Luminanz: 0,601

Rust Effect #B73241

RGB: rgb(183, 50, 65)
HSL: hsl(353, 57%, 46%)
Luminanz: 0,127

Copper Penny #B06F6B

RGB: rgb(176, 111, 107)
HSL: hsl(3, 30%, 55%)
Luminanz: 0,217

Sunspill #DCC484

RGB: rgb(220, 196, 132)
HSL: hsl(44, 56%, 69%)
Luminanz: 0,564

Kontrast & Barrierefreiheit

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

Aa #2D2C3B auf #F3F2E8 12,17:1 AAA

Aa #2D2C3B auf #70DDD7 8,48:1 AAA

Aa #2D2C3B auf #DCC484 7,99:1 AAA

Aa #F3F2E8 auf #B73241 5,27:1 AA

Aa #F3F2E8 auf #3368DC 4,50:1 AA

Aa #2D2C3B auf #40A07C 4,26:1 AA (großer Text)

Aa #70DDD7 auf #B73241 3,67:1 AA (großer Text)

Aa #F3F2E8 auf #B06F6B 3,50:1 AA (großer Text)

Aa #2D2C3B auf #B06F6B 3,47:1 AA (großer Text)

Aa #B73241 auf #DCC484 3,46:1 AA (großer Text)

Aa #3368DC auf #70DDD7 3,13:1 AA (großer Text)

Aa #3368DC auf #DCC484 2,95:1 Nicht bestanden

Aa #F3F2E8 auf #40A07C 2,86:1 Nicht bestanden

Aa #2D2C3B auf #3368DC 2,71:1 Nicht bestanden

Aa #70DDD7 auf #B06F6B 2,44:1 Nicht bestanden

Aa #2D2C3B auf #B73241 2,31:1 Nicht bestanden

Aa #B06F6B auf #DCC484 2,30:1 Nicht bestanden

Aa #40A07C auf #70DDD7 1,99:1 Nicht bestanden

Aa #40A07C auf #DCC484 1,88:1 Nicht bestanden

Aa #40A07C auf #B73241 1,84:1 Nicht bestanden

Aa #3368DC auf #40A07C 1,57:1 Nicht bestanden

Aa #F3F2E8 auf #DCC484 1,52:1 Nicht bestanden

Aa #B73241 auf #B06F6B 1,50:1 Nicht bestanden

Aa #F3F2E8 auf #70DDD7 1,44:1 Nicht bestanden

Aa #3368DC auf #B06F6B 1,28:1 Nicht bestanden

Aa #40A07C auf #B06F6B 1,23:1 Nicht bestanden

Aa #3368DC auf #B73241 1,17:1 Nicht bestanden

Aa #70DDD7 auf #DCC484 1,06:1 Nicht bestanden

Acronym 8

Acronym 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen