Startseite Farbpaletten Palette „Scotland Isle“ mit 4 Farben

Palette „Scotland Isle“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Scotland Isle“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog

Likes 1.407

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #ECECEC;
  --c-muted-2: #84934A;
  --c-muted-3: #656D3F;
  --c-muted-4: #492828;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Coronation (#ECECEC) bis zum dunkelsten Ton Rookwood Dark Red (#492828). Sie vereint Coronation, Scotland Isle, Coconut Grove und Rookwood Dark Red 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 #ECECEC auf #492828 mit 10,99:1.

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

Farben im Detail

Coronation #ECECEC

RGB: rgb(236, 236, 236)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,839

Scotland Isle #84934A

RGB: rgb(132, 147, 74)
HSL: hsl(72, 33%, 43%)
Luminanz: 0,263

Coconut Grove #656D3F

RGB: rgb(101, 109, 63)
HSL: hsl(70, 27%, 34%)
Luminanz: 0,141

Rookwood Dark Red #492828

RGB: rgb(73, 40, 40)
HSL: hsl(0, 29%, 22%)
Luminanz: 0,031

Kontrast & Barrierefreiheit

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

Aa #ECECEC auf #492828 10,99:1 AAA

Aa #ECECEC auf #656D3F 4,66:1 AA

Aa #84934A auf #492828 3,87:1 AA (großer Text)

Aa #ECECEC auf #84934A 2,84:1 Nicht bestanden

Aa #656D3F auf #492828 2,36:1 Nicht bestanden

Aa #84934A auf #656D3F 1,64:1 Nicht bestanden

Palette „Scotland Isle“ mit 4 Farben