Startseite Farbpaletten Palette „Flame Orange“ mit 4 Farben

Palette „Flame Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Flame Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 5.180

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #5F0F40;
  --c-vibrant-2: #FB8B24;
  --c-vibrant-3: #E36414;
  --c-vibrant-4: #9A031E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Flame Orange (#FB8B24) bis zum dunkelsten Ton Violet Carmine (#5F0F40). Sie vereint Violet Carmine, Flame Orange, Tiger Moth Orange und Xmas Candy 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 #5F0F40 auf #FB8B24 mit 5,41:1.

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

Farben im Detail

Violet Carmine #5F0F40

RGB: rgb(95, 15, 64)
HSL: hsl(323, 73%, 22%)
Luminanz: 0,031

Flame Orange #FB8B24

RGB: rgb(251, 139, 36)
HSL: hsl(29, 96%, 56%)
Luminanz: 0,391

Tiger Moth Orange #E36414

RGB: rgb(227, 100, 20)
HSL: hsl(23, 84%, 48%)
Luminanz: 0,255

Xmas Candy #9A031E

RGB: rgb(154, 3, 30)
HSL: hsl(349, 96%, 31%)
Luminanz: 0,070

Kontrast & Barrierefreiheit

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

Aa #5F0F40 auf #FB8B24 5,41:1 AA

Aa #5F0F40 auf #E36414 3,74:1 AA (großer Text)

Aa #FB8B24 auf #9A031E 3,67:1 AA (großer Text)

Aa #E36414 auf #9A031E 2,54:1 Nicht bestanden

Aa #5F0F40 auf #9A031E 1,48:1 Nicht bestanden

Aa #FB8B24 auf #E36414 1,45:1 Nicht bestanden

Palette „Flame Orange“ mit 4 Farben