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 3.614

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F9F8EB;
  --c-vibrant-2: #76B39D;
  --c-vibrant-3: #05004E;
  --c-vibrant-4: #FD5F00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Night Blooming Jasmine (#F9F8EB) bis zum dunkelsten Ton Night Blue (#05004E). Sie vereint Night Blooming Jasmine, Beau Monde, Night Blue und Vivid Orange 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 #F9F8EB auf #05004E mit 17,6:1.

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

Farben im Detail

Night Blooming Jasmine #F9F8EB

RGB: rgb(249, 248, 235)
HSL: hsl(56, 54%, 95%)
Luminanz: 0,933

Beau Monde #76B39D

RGB: rgb(118, 179, 157)
HSL: hsl(158, 29%, 58%)
Luminanz: 0,385

Night Blue #05004E

RGB: rgb(5, 0, 78)
HSL: hsl(244, 100%, 15%)
Luminanz: 0,006

Vivid Orange #FD5F00

RGB: rgb(253, 95, 0)
HSL: hsl(23, 100%, 50%)
Luminanz: 0,291

Kontrast & Barrierefreiheit

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

Aa #F9F8EB auf #05004E 17,60:1 AAA

Aa #76B39D auf #05004E 7,80:1 AAA

Aa #05004E auf #FD5F00 6,10:1 AA

Aa #F9F8EB auf #FD5F00 2,88:1 Nicht bestanden

Aa #F9F8EB auf #76B39D 2,26:1 Nicht bestanden

Aa #76B39D auf #FD5F00 1,28:1 Nicht bestanden

Palette „Vivid Orange“ mit 4 Farben