Startseite Farbpaletten Palette „Firelight“ mit 4 Farben

Palette „Firelight“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Firelight“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 5.574

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FCE7C8;
  --c-vibrant-2: #B1C29E;
  --c-vibrant-3: #FADA7A;
  --c-vibrant-4: #F0A04B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Light Nougat (#FCE7C8) bis zum dunkelsten Ton Troll Slayer Orange (#F0A04B). Sie vereint Light Nougat, Green Eggs & Cam, Firelight und Troll Slayer Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Light Nougat #FCE7C8

RGB: rgb(252, 231, 200)
HSL: hsl(36, 90%, 89%)
Luminanz: 0,820

Green Eggs & Cam #B1C29E

RGB: rgb(177, 194, 158)
HSL: hsl(88, 23%, 69%)
Luminanz: 0,504

Firelight #FADA7A

RGB: rgb(250, 218, 122)
HSL: hsl(45, 93%, 73%)
Luminanz: 0,719

Troll Slayer Orange #F0A04B

RGB: rgb(240, 160, 75)
HSL: hsl(31, 85%, 62%)
Luminanz: 0,442

Kontrast & Barrierefreiheit

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

Aa #FCE7C8 auf #F0A04B 1,77:1 Nicht bestanden

Aa #FCE7C8 auf #B1C29E 1,57:1 Nicht bestanden

Aa #FADA7A auf #F0A04B 1,56:1 Nicht bestanden

Aa #B1C29E auf #FADA7A 1,39:1 Nicht bestanden

Aa #FCE7C8 auf #FADA7A 1,13:1 Nicht bestanden

Aa #B1C29E auf #F0A04B 1,13:1 Nicht bestanden

Palette „Firelight“ mit 4 Farben