Startseite Farbpaletten Palette „Vivid Orange“ mit 4 Farben

Palette „Vivid Orange“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Vivid Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 11.940

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #454545;
  --c-vibrant-2: #FF6000;
  --c-vibrant-3: #FFA559;
  --c-vibrant-4: #FFE6C7;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Antigua Sunrise (#FFE6C7) bis zum dunkelsten Ton Machine Gun Metal (#454545). Sie vereint Machine Gun Metal, Vivid Orange, Echinoidea Thorns und Antigua Sunrise 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 #454545 auf #FFE6C7 mit 7,94:1.

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

Farben im Detail

Machine Gun Metal #454545

RGB: rgb(69, 69, 69)
HSL: hsl(0, 0%, 27%)
Luminanz: 0,060

Vivid Orange #FF6000

RGB: rgb(255, 96, 0)
HSL: hsl(23, 100%, 50%)
Luminanz: 0,296

Echinoidea Thorns #FFA559

RGB: rgb(255, 165, 89)
HSL: hsl(27, 100%, 67%)
Luminanz: 0,489

Antigua Sunrise #FFE6C7

RGB: rgb(255, 230, 199)
HSL: hsl(33, 100%, 89%)
Luminanz: 0,820

Kontrast & Barrierefreiheit

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

Aa #454545 auf #FFE6C7 7,94:1 AAA

Aa #454545 auf #FFA559 4,92:1 AA

Aa #454545 auf #FF6000 3,16:1 AA (großer Text)

Aa #FF6000 auf #FFE6C7 2,51:1 Nicht bestanden

Aa #FFA559 auf #FFE6C7 1,61:1 Nicht bestanden

Aa #FF6000 auf #FFA559 1,56:1 Nicht bestanden

Palette „Vivid Orange“ mit 4 Farben