Startseite Farbpaletten Palette „Vitamin C“ mit 4 Farben

Palette „Vitamin C“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vitamin C“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 4.183

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FF9900;
  --c-vibrant-2: #CA431D;
  --c-vibrant-3: #8B104E;
  --c-vibrant-4: #520556;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Vitamin C (#FF9900) bis zum dunkelsten Ton Cloak and Dagger (#520556). Sie vereint Vitamin C, Underpass Shrine, Mulberry und Cloak and Dagger in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FF9900 auf #520556 mit 6,47:1.

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

Farben im Detail

Vitamin C #FF9900

RGB: rgb(255, 153, 0)
HSL: hsl(36, 100%, 50%)
Luminanz: 0,440

Underpass Shrine #CA431D

RGB: rgb(202, 67, 29)
HSL: hsl(13, 75%, 45%)
Luminanz: 0,167

Mulberry #8B104E

RGB: rgb(139, 16, 78)
HSL: hsl(330, 79%, 30%)
Luminanz: 0,064

Cloak and Dagger #520556

RGB: rgb(82, 5, 86)
HSL: hsl(297, 89%, 18%)
Luminanz: 0,026

Kontrast & Barrierefreiheit

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

Aa #FF9900 auf #520556 6,47:1 AA

Aa #FF9900 auf #8B104E 4,30:1 AA (großer Text)

Aa #CA431D auf #520556 2,86:1 Nicht bestanden

Aa #FF9900 auf #CA431D 2,26:1 Nicht bestanden

Aa #CA431D auf #8B104E 1,90:1 Nicht bestanden

Aa #8B104E auf #520556 1,51:1 Nicht bestanden

Palette „Vitamin C“ mit 4 Farben