Startseite Farbpaletten Palette „Vivid Orange“ mit 4 Farben

Palette „Vivid Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vivid Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.948

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFFAE6;
  --c-vibrant-2: #FF9F66;
  --c-vibrant-3: #FF5F00;
  --c-vibrant-4: #002379;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lead Glass (#FFFAE6) bis zum dunkelsten Ton Long-Haul Flight (#002379). Sie vereint Lead Glass, Peach Cobbler, Vivid Orange und Long-Haul Flight in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFAE6 auf #002379 mit 13,23:1.

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

Farben im Detail

Lead Glass #FFFAE6

RGB: rgb(255, 250, 230)
HSL: hsl(48, 100%, 95%)
Luminanz: 0,953

Peach Cobbler #FF9F66

RGB: rgb(255, 159, 102)
HSL: hsl(22, 100%, 70%)
Luminanz: 0,470

Vivid Orange #FF5F00

RGB: rgb(255, 95, 0)
HSL: hsl(22, 100%, 50%)
Luminanz: 0,294

Long-Haul Flight #002379

RGB: rgb(0, 35, 121)
HSL: hsl(223, 100%, 24%)
Luminanz: 0,026

Kontrast & Barrierefreiheit

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

Aa #FFFAE6 auf #002379 13,23:1 AAA

Aa #FF9F66 auf #002379 6,86:1 AA

Aa #FF5F00 auf #002379 4,54:1 AA

Aa #FFFAE6 auf #FF5F00 2,91:1 Nicht bestanden

Aa #FFFAE6 auf #FF9F66 1,93:1 Nicht bestanden

Aa #FF9F66 auf #FF5F00 1,51:1 Nicht bestanden

Palette „Vivid Orange“ mit 4 Farben