Startseite Farbpaletten Palette „Fever“ mit 4 Farben

Palette „Fever“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fever“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.587

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FAF4D0;
  --c-vibrant-2: #C14545;
  --c-vibrant-3: #EA4C4C;
  --c-vibrant-4: #703B3B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Effervescent (#FAF4D0) bis zum dunkelsten Ton Tuscan Russet (#703B3B). Sie vereint Effervescent, Ablaze, Fever und Tuscan Russet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FAF4D0 auf #703B3B mit 7,96:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Effervescent #FAF4D0

RGB: rgb(250, 244, 208)
HSL: hsl(51, 81%, 90%)
Luminanz: 0,896

Ablaze #C14545

RGB: rgb(193, 69, 69)
HSL: hsl(0, 50%, 51%)
Luminanz: 0,160

Fever #EA4C4C

RGB: rgb(234, 76, 76)
HSL: hsl(0, 79%, 61%)
Luminanz: 0,232

Tuscan Russet #703B3B

RGB: rgb(112, 59, 59)
HSL: hsl(0, 31%, 34%)
Luminanz: 0,069

Kontrast & Barrierefreiheit

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

Aa #FAF4D0 auf #703B3B 7,96:1 AAA

Aa #FAF4D0 auf #C14545 4,50:1 AA

Aa #FAF4D0 auf #EA4C4C 3,36:1 AA (großer Text)

Aa #EA4C4C auf #703B3B 2,37:1 Nicht bestanden

Aa #C14545 auf #703B3B 1,77:1 Nicht bestanden

Aa #C14545 auf #EA4C4C 1,34:1 Nicht bestanden

Palette „Fever“ mit 4 Farben