Startseite Farbpaletten Ice And Fire And Fire

Ice And Fire And Fire

Palette mit 5 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Ice And Fire And Fire

Palette mit 5 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 5 Farben Warm Gemischt Analog

Likes 11

Farben 5

CSS-Variablen

:root {
  --c-earthy-1: #AD343E;
  --c-earthy-2: #474747;
  --c-earthy-3: #F2AF29;
  --c-earthy-4: #000000;
  --c-earthy-5: #E0E0CE;
}

Über diese Palette

Diese erdige Palette mit 5 Farben reicht vom hellsten Ton Emerging Leaf (#E0E0CE) bis zum dunkelsten Ton Black (#000000). Sie vereint Planet Fever, Black Tie, Xanthous, Black und Emerging Leaf in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #E0E0CE mit 15,72: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

Planet Fever #AD343E

RGB: rgb(173, 52, 62)
HSL: hsl(355, 54%, 44%)
Luminanz: 0,117

Black Tie #474747

RGB: rgb(71, 71, 71)
HSL: hsl(0, 0%, 28%)
Luminanz: 0,063

Xanthous #F2AF29

RGB: rgb(242, 175, 41)
HSL: hsl(40, 89%, 55%)
Luminanz: 0,497

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Emerging Leaf #E0E0CE

RGB: rgb(224, 224, 206)
HSL: hsl(60, 23%, 84%)
Luminanz: 0,736

Kontrast & Barrierefreiheit

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

Aa #000000 auf #E0E0CE 15,72:1 AAA

Aa #F2AF29 auf #000000 10,94:1 AAA

Aa #474747 auf #E0E0CE 6,96:1 AA

Aa #474747 auf #F2AF29 4,84:1 AA

Aa #AD343E auf #E0E0CE 4,71:1 AA

Aa #AD343E auf #000000 3,34:1 AA (großer Text)

Aa #AD343E auf #F2AF29 3,28:1 AA (großer Text)

Aa #474747 auf #000000 2,26:1 Nicht bestanden

Aa #AD343E auf #474747 1,48:1 Nicht bestanden

Aa #F2AF29 auf #E0E0CE 1,44:1 Nicht bestanden

Ice And Fire And Fire