Startseite Farbpaletten Palette „Orange Soda“ mit 4 Farben

Palette „Orange Soda“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Orange Soda“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch

Likes 5.014

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F55C47;
  --c-muted-2: #9FE6A0;
  --c-muted-3: #4AA96C;
  --c-muted-4: #564A4A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Grape Green (#9FE6A0) bis zum dunkelsten Ton Molasses (#564A4A). Sie vereint Orange Soda, Grape Green, Fresh Oregano und Molasses 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 #9FE6A0 auf #564A4A mit 5,78:1.

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

Farben im Detail

Orange Soda #F55C47

RGB: rgb(245, 92, 71)
HSL: hsl(7, 90%, 62%)
Luminanz: 0,275

Grape Green #9FE6A0

RGB: rgb(159, 230, 160)
HSL: hsl(121, 59%, 76%)
Luminanz: 0,665

Fresh Oregano #4AA96C

RGB: rgb(74, 169, 108)
HSL: hsl(141, 39%, 48%)
Luminanz: 0,309

Molasses #564A4A

RGB: rgb(86, 74, 74)
HSL: hsl(0, 8%, 31%)
Luminanz: 0,074

Kontrast & Barrierefreiheit

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

Aa #9FE6A0 auf #564A4A 5,78:1 AA

Aa #4AA96C auf #564A4A 2,90:1 Nicht bestanden

Aa #F55C47 auf #564A4A 2,63:1 Nicht bestanden

Aa #F55C47 auf #9FE6A0 2,20:1 Nicht bestanden

Aa #9FE6A0 auf #4AA96C 1,99:1 Nicht bestanden

Aa #F55C47 auf #4AA96C 1,10:1 Nicht bestanden

Palette „Orange Soda“ mit 4 Farben