Startseite Farbpaletten Palette „№5“ mit 4 Farben

Palette „№5“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „№5“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 6.240

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #973131;
  --c-vibrant-2: #E0A75E;
  --c-vibrant-3: #F9D689;
  --c-vibrant-4: #F5E7B2;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Icy Lemonade (#F5E7B2) bis zum dunkelsten Ton Ripasso (#973131). Sie vereint Ripasso, Earth Yellow, №5 und Icy Lemonade 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 #973131 auf #F5E7B2 mit 6,06:1.

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

Farben im Detail

Ripasso #973131

RGB: rgb(151, 49, 49)
HSL: hsl(0, 51%, 39%)
Luminanz: 0,090

Earth Yellow #E0A75E

RGB: rgb(224, 167, 94)
HSL: hsl(34, 68%, 62%)
Luminanz: 0,443

№5 #F9D689

RGB: rgb(249, 214, 137)
HSL: hsl(41, 90%, 76%)
Luminanz: 0,700

Icy Lemonade #F5E7B2

RGB: rgb(245, 231, 178)
HSL: hsl(47, 77%, 83%)
Luminanz: 0,798

Kontrast & Barrierefreiheit

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

Aa #973131 auf #F5E7B2 6,06:1 AA

Aa #973131 auf #F9D689 5,36:1 AA

Aa #973131 auf #E0A75E 3,52:1 AA (großer Text)

Aa #E0A75E auf #F5E7B2 1,72:1 Nicht bestanden

Aa #E0A75E auf #F9D689 1,52:1 Nicht bestanden

Aa #F9D689 auf #F5E7B2 1,13:1 Nicht bestanden

Palette „№5“ mit 4 Farben