Startseite Farbpaletten Xanthoparmelia

Xanthoparmelia

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Xanthoparmelia

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 6 Farben Warm Gemischt Triadisch green orange purple moss

Likes 23

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #2B1107;
  --c-earthy-2: #5E4758;
  --c-earthy-3: #8C6F15;
  --c-earthy-4: #A0BCA5;
  --c-earthy-5: #C9D3B2;
  --c-earthy-6: #E6F0E7;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Quark White (#E6F0E7) bis zum dunkelsten Ton Root Brew (#2B1107). Sie vereint Root Brew, Strike a Pose, Honey Yellow Green, Reeds, Mint Soap und Quark White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2B1107 auf #E6F0E7 mit 15,16: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

Root Brew #2B1107

RGB: rgb(43, 17, 7)
HSL: hsl(17, 72%, 10%)
Luminanz: 0,009

Strike a Pose #5E4758

RGB: rgb(94, 71, 88)
HSL: hsl(316, 14%, 32%)
Luminanz: 0,076

Honey Yellow Green #8C6F15

RGB: rgb(140, 111, 21)
HSL: hsl(45, 74%, 32%)
Luminanz: 0,170

Reeds #A0BCA5

RGB: rgb(160, 188, 165)
HSL: hsl(131, 17%, 68%)
Luminanz: 0,462

Mint Soap #C9D3B2

RGB: rgb(201, 211, 178)
HSL: hsl(78, 27%, 76%)
Luminanz: 0,622

Quark White #E6F0E7

RGB: rgb(230, 240, 231)
HSL: hsl(126, 25%, 92%)
Luminanz: 0,849

Kontrast & Barrierefreiheit

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

Aa #2B1107 auf #E6F0E7 15,16:1 AAA

Aa #2B1107 auf #C9D3B2 11,34:1 AAA

Aa #2B1107 auf #A0BCA5 8,63:1 AAA

Aa #5E4758 auf #E6F0E7 7,14:1 AAA

Aa #5E4758 auf #C9D3B2 5,34:1 AA

Aa #8C6F15 auf #E6F0E7 4,09:1 AA (großer Text)

Aa #5E4758 auf #A0BCA5 4,06:1 AA (großer Text)

Aa #2B1107 auf #8C6F15 3,71:1 AA (großer Text)

Aa #8C6F15 auf #C9D3B2 3,06:1 AA (großer Text)

Aa #8C6F15 auf #A0BCA5 2,33:1 Nicht bestanden

Aa #2B1107 auf #5E4758 2,12:1 Nicht bestanden

Aa #A0BCA5 auf #E6F0E7 1,76:1 Nicht bestanden

Aa #5E4758 auf #8C6F15 1,75:1 Nicht bestanden

Aa #C9D3B2 auf #E6F0E7 1,34:1 Nicht bestanden

Aa #A0BCA5 auf #C9D3B2 1,31:1 Nicht bestanden

Xanthoparmelia

Xanthoparmelia

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen