Startseite Farbpaletten Palette „Sludge“ mit 4 Farben

Palette „Sludge“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sludge“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 2.436

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #A62349;
  --c-vibrant-2: #D07000;
  --c-vibrant-3: #C55300;
  --c-vibrant-4: #96E5D1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Neverland (#96E5D1) bis zum dunkelsten Ton She Pouts (#A62349). Sie vereint She Pouts, Sludge, Dark Orange und Neverland 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 #A62349 auf #96E5D1 mit 4,88:1.

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

Farben im Detail

She Pouts #A62349

RGB: rgb(166, 35, 73)
HSL: hsl(343, 65%, 39%)
Luminanz: 0,098

Sludge #D07000

RGB: rgb(208, 112, 0)
HSL: hsl(32, 100%, 41%)
Luminanz: 0,250

Dark Orange #C55300

RGB: rgb(197, 83, 0)
HSL: hsl(25, 100%, 39%)
Luminanz: 0,181

Neverland #96E5D1

RGB: rgb(150, 229, 209)
HSL: hsl(165, 60%, 74%)
Luminanz: 0,671

Kontrast & Barrierefreiheit

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

Aa #A62349 auf #96E5D1 4,88:1 AA

Aa #C55300 auf #96E5D1 3,13:1 AA (großer Text)

Aa #D07000 auf #96E5D1 2,40:1 Nicht bestanden

Aa #A62349 auf #D07000 2,03:1 Nicht bestanden

Aa #A62349 auf #C55300 1,56:1 Nicht bestanden

Aa #D07000 auf #C55300 1,30:1 Nicht bestanden

Palette „Sludge“ mit 4 Farben