Startseite Farbpaletten Palette „Vitamin C“ mit 4 Farben

Palette „Vitamin C“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vitamin C“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 8.032

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #5F8670;
  --c-vibrant-2: #FF9800;
  --c-vibrant-3: #B80000;
  --c-vibrant-4: #820300;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Vitamin C (#FF9800) bis zum dunkelsten Ton Salami (#820300). Sie vereint Dark Jade, Vitamin C, Harlock’s Cape und Salami 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 #FF9800 auf #820300 mit 4,97:1.

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

Farben im Detail

Dark Jade #5F8670

RGB: rgb(95, 134, 112)
HSL: hsl(146, 17%, 45%)
Luminanz: 0,207

Vitamin C #FF9800

RGB: rgb(255, 152, 0)
HSL: hsl(36, 100%, 50%)
Luminanz: 0,437

Harlock’s Cape #B80000

RGB: rgb(184, 0, 0)
HSL: hsl(0, 100%, 36%)
Luminanz: 0,102

Salami #820300

RGB: rgb(130, 3, 0)
HSL: hsl(1, 100%, 25%)
Luminanz: 0,048

Kontrast & Barrierefreiheit

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

Aa #FF9800 auf #820300 4,97:1 AA

Aa #FF9800 auf #B80000 3,21:1 AA (großer Text)

Aa #5F8670 auf #820300 2,61:1 Nicht bestanden

Aa #5F8670 auf #FF9800 1,90:1 Nicht bestanden

Aa #5F8670 auf #B80000 1,69:1 Nicht bestanden

Aa #B80000 auf #820300 1,55:1 Nicht bestanden

Palette „Vitamin C“ mit 4 Farben