Voodoo Lady

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

Zurück zur Bibliothek

Voodoo Lady

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Triadisch pixelart yellow forest brown

Likes 35

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #FFDA71;
  --c-earthy-2: #D0A047;
  --c-earthy-3: #E8B08E;
  --c-earthy-4: #BA877F;
  --c-earthy-5: #7F425A;
  --c-earthy-6: #3E2542;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Golden Butter (#FFDA71) bis zum dunkelsten Ton Aubergine Mauve (#3E2542). Sie vereint Golden Butter, Chipmunk, Ancient Inca, Red Clover, Cheerful Wine und Aubergine Mauve in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFDA71 auf #3E2542 mit 10,02: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

Golden Butter #FFDA71

RGB: rgb(255, 218, 113)
HSL: hsl(44, 100%, 72%)
Luminanz: 0,726

Chipmunk #D0A047

RGB: rgb(208, 160, 71)
HSL: hsl(39, 59%, 55%)
Luminanz: 0,390

Ancient Inca #E8B08E

RGB: rgb(232, 176, 142)
HSL: hsl(23, 66%, 73%)
Luminanz: 0,502

Red Clover #BA877F

RGB: rgb(186, 135, 127)
HSL: hsl(8, 30%, 61%)
Luminanz: 0,293

Cheerful Wine #7F425A

RGB: rgb(127, 66, 90)
HSL: hsl(336, 32%, 38%)
Luminanz: 0,092

Aubergine Mauve #3E2542

RGB: rgb(62, 37, 66)
HSL: hsl(292, 28%, 20%)
Luminanz: 0,027

Kontrast & Barrierefreiheit

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

Aa #FFDA71 auf #3E2542 10,02:1 AAA

Aa #E8B08E auf #3E2542 7,13:1 AAA

Aa #D0A047 auf #3E2542 5,69:1 AA

Aa #FFDA71 auf #7F425A 5,49:1 AA

Aa #BA877F auf #3E2542 4,43:1 AA (großer Text)

Aa #E8B08E auf #7F425A 3,90:1 AA (großer Text)

Aa #D0A047 auf #7F425A 3,11:1 AA (großer Text)

Aa #BA877F auf #7F425A 2,42:1 Nicht bestanden

Aa #FFDA71 auf #BA877F 2,26:1 Nicht bestanden

Aa #7F425A auf #3E2542 1,83:1 Nicht bestanden

Aa #FFDA71 auf #D0A047 1,76:1 Nicht bestanden

Aa #E8B08E auf #BA877F 1,61:1 Nicht bestanden

Aa #FFDA71 auf #E8B08E 1,41:1 Nicht bestanden

Aa #D0A047 auf #BA877F 1,28:1 Nicht bestanden

Aa #D0A047 auf #E8B08E 1,25:1 Nicht bestanden

Voodoo Lady

Voodoo Lady

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen