Startseite Farbpaletten Palette „Safflower“ mit 4 Farben

Palette „Safflower“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Safflower“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 4 Farben Neutral Gemischt Komplementär

Likes 2.319

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #2F3C4F;
  --c-earthy-2: #506F86;
  --c-earthy-3: #FBB040;
  --c-earthy-4: #DE703C;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Safflower (#FBB040) bis zum dunkelsten Ton Dark Spell (#2F3C4F). Sie vereint Dark Spell, Shipyard, Safflower und Knockout Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F3C4F auf #FBB040 mit 6,06: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

Dark Spell #2F3C4F

RGB: rgb(47, 60, 79)
HSL: hsl(216, 25%, 25%)
Luminanz: 0,044

Shipyard #506F86

RGB: rgb(80, 111, 134)
HSL: hsl(206, 25%, 42%)
Luminanz: 0,148

Safflower #FBB040

RGB: rgb(251, 176, 64)
HSL: hsl(36, 96%, 62%)
Luminanz: 0,519

Knockout Orange #DE703C

RGB: rgb(222, 112, 60)
HSL: hsl(19, 71%, 55%)
Luminanz: 0,274

Kontrast & Barrierefreiheit

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

Aa #2F3C4F auf #FBB040 6,06:1 AA

Aa #2F3C4F auf #DE703C 3,45:1 AA (großer Text)

Aa #506F86 auf #FBB040 2,88:1 Nicht bestanden

Aa #2F3C4F auf #506F86 2,11:1 Nicht bestanden

Aa #FBB040 auf #DE703C 1,75:1 Nicht bestanden

Aa #506F86 auf #DE703C 1,64:1 Nicht bestanden

Palette „Safflower“ mit 4 Farben