Startseite Farbpaletten Palette „Candlelight“ mit 4 Farben

Palette „Candlelight“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Candlelight“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 3.134

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FF1F5A;
  --c-vibrant-2: #FFD615;
  --c-vibrant-3: #F9FF21;
  --c-vibrant-4: #1E2A78;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pressed Laser Lemon (#F9FF21) bis zum dunkelsten Ton St. Patrick’s Blue (#1E2A78). Sie vereint Pure Hedonist, Candlelight, Pressed Laser Lemon und St. Patrick’s Blue 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 #F9FF21 auf #1E2A78 mit 11,68:1.

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

Farben im Detail

Pure Hedonist #FF1F5A

RGB: rgb(255, 31, 90)
HSL: hsl(344, 100%, 56%)
Luminanz: 0,230

Candlelight #FFD615

RGB: rgb(255, 214, 21)
HSL: hsl(49, 100%, 54%)
Luminanz: 0,694

Pressed Laser Lemon #F9FF21

RGB: rgb(249, 255, 33)
HSL: hsl(62, 100%, 56%)
Luminanz: 0,918

St. Patrick’s Blue #1E2A78

RGB: rgb(30, 42, 120)
HSL: hsl(232, 60%, 29%)
Luminanz: 0,033

Kontrast & Barrierefreiheit

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

Aa #F9FF21 auf #1E2A78 11,68:1 AAA

Aa #FFD615 auf #1E2A78 8,98:1 AAA

Aa #FF1F5A auf #F9FF21 3,46:1 AA (großer Text)

Aa #FF1F5A auf #1E2A78 3,38:1 AA (großer Text)

Aa #FF1F5A auf #FFD615 2,66:1 Nicht bestanden

Aa #FFD615 auf #F9FF21 1,30:1 Nicht bestanden

Palette „Candlelight“ mit 4 Farben