Startseite Farbpaletten Palette „Lucky Orange“ mit 4 Farben

Palette „Lucky Orange“ mit 4 Farben

Palette mit 4 Farben · Neutral · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Lucky Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Neutral Dunkel Triadisch

Likes 4.368

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #251D3A;
  --c-vibrant-2: #2A2550;
  --c-vibrant-3: #E04D01;
  --c-vibrant-4: #FF7700;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lucky Orange (#FF7700) bis zum dunkelsten Ton Throat (#251D3A). Sie vereint Throat, Pāua, Deep Orange und Lucky Orange 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 #251D3A auf #FF7700 mit 6:1.

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

Farben im Detail

Throat #251D3A

RGB: rgb(37, 29, 58)
HSL: hsl(257, 33%, 17%)
Luminanz: 0,016

Pāua #2A2550

RGB: rgb(42, 37, 80)
HSL: hsl(247, 37%, 23%)
Luminanz: 0,024

Deep Orange #E04D01

RGB: rgb(224, 77, 1)
HSL: hsl(20, 99%, 44%)
Luminanz: 0,212

Lucky Orange #FF7700

RGB: rgb(255, 119, 0)
HSL: hsl(28, 100%, 50%)
Luminanz: 0,345

Kontrast & Barrierefreiheit

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

Aa #251D3A auf #FF7700 6,00:1 AA

Aa #2A2550 auf #FF7700 5,34:1 AA

Aa #251D3A auf #E04D01 3,98:1 AA (großer Text)

Aa #2A2550 auf #E04D01 3,54:1 AA (großer Text)

Aa #E04D01 auf #FF7700 1,51:1 Nicht bestanden

Aa #251D3A auf #2A2550 1,12:1 Nicht bestanden

Palette „Lucky Orange“ mit 4 Farben