Startseite Farbpaletten Palette „Pêra Rocha“ mit 4 Farben

Palette „Pêra Rocha“ mit 4 Farben

Palette mit 4 Farben · Neutral · Dunkel · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Pêra Rocha“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Neutral Dunkel Monochrom

Likes 7.906

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #3E432E;
  --c-muted-3: #616F39;
  --c-muted-4: #A7D129;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pêra Rocha (#A7D129) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Garden Path, Venom Wyrm und Pêra Rocha 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 #000000 auf #A7D129 mit 11,8:1.

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

Farben im Detail

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Garden Path #3E432E

RGB: rgb(62, 67, 46)
HSL: hsl(74, 19%, 22%)
Luminanz: 0,052

Venom Wyrm #616F39

RGB: rgb(97, 111, 57)
HSL: hsl(76, 32%, 33%)
Luminanz: 0,142

Pêra Rocha #A7D129

RGB: rgb(167, 209, 41)
HSL: hsl(75, 67%, 49%)
Luminanz: 0,540

Kontrast & Barrierefreiheit

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

Aa #000000 auf #A7D129 11,80:1 AAA

Aa #3E432E auf #A7D129 5,76:1 AA

Aa #000000 auf #616F39 3,84:1 AA (großer Text)

Aa #616F39 auf #A7D129 3,07:1 AA (großer Text)

Aa #000000 auf #3E432E 2,05:1 Nicht bestanden

Aa #3E432E auf #616F39 1,88:1 Nicht bestanden

Palette „Pêra Rocha“ mit 4 Farben