Startseite Farbpaletten Palette „Pebble Path“ mit 4 Farben

Palette „Pebble Path“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Pebble Path“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Split-komplementär

Likes 8.524

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1A3636;
  --c-muted-2: #40534C;
  --c-muted-3: #677D6A;
  --c-muted-4: #D6BD98;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pebble Path (#D6BD98) bis zum dunkelsten Ton Fait Accompli (#1A3636). Sie vereint Fait Accompli, Gedney Green, Cricket Green und Pebble Path 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 #1A3636 auf #D6BD98 mit 7,13:1.

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

Farben im Detail

Fait Accompli #1A3636

RGB: rgb(26, 54, 54)
HSL: hsl(180, 35%, 16%)
Luminanz: 0,031

Gedney Green #40534C

RGB: rgb(64, 83, 76)
HSL: hsl(158, 13%, 29%)
Luminanz: 0,078

Cricket Green #677D6A

RGB: rgb(103, 125, 106)
HSL: hsl(128, 10%, 45%)
Luminanz: 0,186

Pebble Path #D6BD98

RGB: rgb(214, 189, 152)
HSL: hsl(36, 43%, 72%)
Luminanz: 0,530

Kontrast & Barrierefreiheit

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

Aa #1A3636 auf #D6BD98 7,13:1 AAA

Aa #40534C auf #D6BD98 4,53:1 AA

Aa #1A3636 auf #677D6A 2,90:1 Nicht bestanden

Aa #677D6A auf #D6BD98 2,46:1 Nicht bestanden

Aa #40534C auf #677D6A 1,84:1 Nicht bestanden

Aa #1A3636 auf #40534C 1,58:1 Nicht bestanden

Palette „Pebble Path“ mit 4 Farben