Startseite Farbpaletten Palette „Sour“ mit 4 Farben

Palette „Sour“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sour“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 1.794

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E6F0B6;
  --c-muted-2: #B8E9C0;
  --c-muted-3: #6384B3;
  --c-muted-4: #684949;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sour (#E6F0B6) bis zum dunkelsten Ton Chocolate Eclair (#684949). Sie vereint Sour, Slime Lime, Glaucous und Chocolate Eclair 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 #E6F0B6 auf #684949 mit 6,64:1.

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

Farben im Detail

Sour #E6F0B6

RGB: rgb(230, 240, 182)
HSL: hsl(70, 66%, 83%)
Luminanz: 0,825

Slime Lime #B8E9C0

RGB: rgb(184, 233, 192)
HSL: hsl(130, 53%, 82%)
Luminanz: 0,723

Glaucous #6384B3

RGB: rgb(99, 132, 179)
HSL: hsl(215, 34%, 55%)
Luminanz: 0,224

Chocolate Eclair #684949

RGB: rgb(104, 73, 73)
HSL: hsl(0, 18%, 35%)
Luminanz: 0,082

Kontrast & Barrierefreiheit

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

Aa #E6F0B6 auf #684949 6,64:1 AA

Aa #B8E9C0 auf #684949 5,86:1 AA

Aa #E6F0B6 auf #6384B3 3,19:1 AA (großer Text)

Aa #B8E9C0 auf #6384B3 2,82:1 Nicht bestanden

Aa #6384B3 auf #684949 2,08:1 Nicht bestanden

Aa #E6F0B6 auf #B8E9C0 1,13:1 Nicht bestanden

Palette „Sour“ mit 4 Farben