Startseite Farbpaletten Palette „Orange Soda“ mit 4 Farben

Palette „Orange Soda“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Orange Soda“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 3.176

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F75940;
  --c-muted-2: #334252;
  --c-muted-3: #364857;
  --c-muted-4: #3DC7BE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bianchi Green (#3DC7BE) bis zum dunkelsten Ton Midnight Navy (#334252). Sie vereint Orange Soda, Midnight Navy, Surf’n’dive und Bianchi Green 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 #334252 auf #3DC7BE mit 4,95:1.

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

Farben im Detail

Orange Soda #F75940

RGB: rgb(247, 89, 64)
HSL: hsl(8, 92%, 61%)
Luminanz: 0,273

Midnight Navy #334252

RGB: rgb(51, 66, 82)
HSL: hsl(211, 23%, 26%)
Luminanz: 0,052

Surf’n’dive #364857

RGB: rgb(54, 72, 87)
HSL: hsl(207, 23%, 28%)
Luminanz: 0,061

Bianchi Green #3DC7BE

RGB: rgb(61, 199, 190)
HSL: hsl(176, 55%, 51%)
Luminanz: 0,456

Kontrast & Barrierefreiheit

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

Aa #334252 auf #3DC7BE 4,95:1 AA

Aa #364857 auf #3DC7BE 4,55:1 AA

Aa #F75940 auf #334252 3,16:1 AA (großer Text)

Aa #F75940 auf #364857 2,91:1 Nicht bestanden

Aa #F75940 auf #3DC7BE 1,57:1 Nicht bestanden

Aa #334252 auf #364857 1,09:1 Nicht bestanden

Palette „Orange Soda“ mit 4 Farben