Startseite Farbpaletten Palette „Ares Red“ mit 4 Farben

Palette „Ares Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Ares Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 5.178

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #E02401;
  --c-vibrant-2: #F78812;
  --c-vibrant-3: #AB6D23;
  --c-vibrant-4: #51050F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Habañero (#F78812) bis zum dunkelsten Ton Saving Light (#51050F). Sie vereint Ares Red, Habañero, Inca Gold und Saving Light 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 #F78812 auf #51050F mit 6,16:1.

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

Farben im Detail

Ares Red #E02401

RGB: rgb(224, 36, 1)
HSL: hsl(9, 99%, 44%)
Luminanz: 0,171

Habañero #F78812

RGB: rgb(247, 136, 18)
HSL: hsl(31, 93%, 52%)
Luminanz: 0,374

Inca Gold #AB6D23

RGB: rgb(171, 109, 35)
HSL: hsl(33, 66%, 40%)
Luminanz: 0,197

Saving Light #51050F

RGB: rgb(81, 5, 15)
HSL: hsl(352, 88%, 17%)
Luminanz: 0,019

Kontrast & Barrierefreiheit

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

Aa #F78812 auf #51050F 6,16:1 AA

Aa #AB6D23 auf #51050F 3,59:1 AA (großer Text)

Aa #E02401 auf #51050F 3,21:1 AA (großer Text)

Aa #E02401 auf #F78812 1,92:1 Nicht bestanden

Aa #F78812 auf #AB6D23 1,72:1 Nicht bestanden

Aa #E02401 auf #AB6D23 1,12:1 Nicht bestanden

Palette „Ares Red“ mit 4 Farben