Startseite Farbpaletten Palette „Flame Yellow“ mit 4 Farben

Palette „Flame Yellow“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Flame Yellow“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 5.947

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FED049;
  --c-vibrant-2: #007580;
  --c-vibrant-3: #282846;
  --c-vibrant-4: #D8EBE4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Tropical Dream (#D8EBE4) bis zum dunkelsten Ton Royal Curtsy (#282846). Sie vereint Flame Yellow, Deep Current, Royal Curtsy und Tropical Dream 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 #282846 auf #D8EBE4 mit 11,42:1.

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

Farben im Detail

Flame Yellow #FED049

RGB: rgb(254, 208, 73)
HSL: hsl(45, 99%, 64%)
Luminanz: 0,667

Deep Current #007580

RGB: rgb(0, 117, 128)
HSL: hsl(185, 100%, 25%)
Luminanz: 0,143

Royal Curtsy #282846

RGB: rgb(40, 40, 70)
HSL: hsl(240, 27%, 22%)
Luminanz: 0,024

Tropical Dream #D8EBE4

RGB: rgb(216, 235, 228)
HSL: hsl(158, 32%, 88%)
Luminanz: 0,796

Kontrast & Barrierefreiheit

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

Aa #282846 auf #D8EBE4 11,42:1 AAA

Aa #FED049 auf #282846 9,67:1 AAA

Aa #007580 auf #D8EBE4 4,39:1 AA (großer Text)

Aa #FED049 auf #007580 3,72:1 AA (großer Text)

Aa #007580 auf #282846 2,60:1 Nicht bestanden

Aa #FED049 auf #D8EBE4 1,18:1 Nicht bestanden

Palette „Flame Yellow“ mit 4 Farben