Startseite Farbpaletten Palette „Spooky Tangerine“ mit 4 Farben

Palette „Spooky Tangerine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Spooky Tangerine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Dunkel Komplementär

Likes 3.862

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #282D4F;
  --c-vibrant-2: #23103A;
  --c-vibrant-3: #A0204C;
  --c-vibrant-4: #FF6C00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Spooky Tangerine (#FF6C00) bis zum dunkelsten Ton Blacklist (#23103A). Sie vereint Lucky Point, Blacklist, Cherries Jubilee und Spooky Tangerine 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 #23103A auf #FF6C00 mit 6,13:1.

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

Farben im Detail

Lucky Point #282D4F

RGB: rgb(40, 45, 79)
HSL: hsl(232, 33%, 23%)
Luminanz: 0,029

Blacklist #23103A

RGB: rgb(35, 16, 58)
HSL: hsl(267, 57%, 15%)
Luminanz: 0,010

Cherries Jubilee #A0204C

RGB: rgb(160, 32, 76)
HSL: hsl(339, 67%, 38%)
Luminanz: 0,090

Spooky Tangerine #FF6C00

RGB: rgb(255, 108, 0)
HSL: hsl(25, 100%, 50%)
Luminanz: 0,320

Kontrast & Barrierefreiheit

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

Aa #23103A auf #FF6C00 6,13:1 AA

Aa #282D4F auf #FF6C00 4,69:1 AA

Aa #A0204C auf #FF6C00 2,64:1 Nicht bestanden

Aa #23103A auf #A0204C 2,33:1 Nicht bestanden

Aa #282D4F auf #A0204C 1,78:1 Nicht bestanden

Aa #282D4F auf #23103A 1,31:1 Nicht bestanden

Palette „Spooky Tangerine“ mit 4 Farben