Startseite Farbpaletten Palette „Phoenix Flames“ mit 4 Farben

Palette „Phoenix Flames“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Phoenix Flames“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 2.847

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #79D70F;
  --c-vibrant-2: #D32626;
  --c-vibrant-3: #F5A31A;
  --c-vibrant-4: #EDF4F2;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Heavy Sugar (#EDF4F2) bis zum dunkelsten Ton Flaming Cherry (#D32626). Sie vereint Opulent Lime, Flaming Cherry, Phoenix Flames und Heavy Sugar 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 #D32626 auf #EDF4F2 mit 4,62:1.

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

Farben im Detail

Opulent Lime #79D70F

RGB: rgb(121, 215, 15)
HSL: hsl(88, 87%, 45%)
Luminanz: 0,527

Flaming Cherry #D32626

RGB: rgb(211, 38, 38)
HSL: hsl(0, 69%, 49%)
Luminanz: 0,154

Phoenix Flames #F5A31A

RGB: rgb(245, 163, 26)
HSL: hsl(38, 92%, 53%)
Luminanz: 0,457

Heavy Sugar #EDF4F2

RGB: rgb(237, 244, 242)
HSL: hsl(163, 24%, 94%)
Luminanz: 0,891

Kontrast & Barrierefreiheit

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

Aa #D32626 auf #EDF4F2 4,62:1 AA

Aa #79D70F auf #D32626 2,83:1 Nicht bestanden

Aa #D32626 auf #F5A31A 2,49:1 Nicht bestanden

Aa #F5A31A auf #EDF4F2 1,86:1 Nicht bestanden

Aa #79D70F auf #EDF4F2 1,63:1 Nicht bestanden

Aa #79D70F auf #F5A31A 1,14:1 Nicht bestanden

Palette „Phoenix Flames“ mit 4 Farben