Startseite Farbpaletten Palette „Heavy Heart“ mit 4 Farben

Palette „Heavy Heart“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Heavy Heart“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch

Likes 3.742

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #780C28;
  --c-muted-2: #CAE0BC;
  --c-muted-3: #EAFAEA;
  --c-muted-4: #6E8E59;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Placebo Green (#EAFAEA) bis zum dunkelsten Ton Heavy Heart (#780C28). Sie vereint Heavy Heart, Rockwood Jade, Placebo Green und Irish Charm 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 #780C28 auf #EAFAEA mit 10,29:1.

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

Farben im Detail

Heavy Heart #780C28

RGB: rgb(120, 12, 40)
HSL: hsl(344, 82%, 26%)
Luminanz: 0,044

Rockwood Jade #CAE0BC

RGB: rgb(202, 224, 188)
HSL: hsl(97, 37%, 81%)
Luminanz: 0,695

Placebo Green #EAFAEA

RGB: rgb(234, 250, 234)
HSL: hsl(120, 62%, 95%)
Luminanz: 0,918

Irish Charm #6E8E59

RGB: rgb(110, 142, 89)
HSL: hsl(96, 23%, 45%)
Luminanz: 0,234

Kontrast & Barrierefreiheit

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

Aa #780C28 auf #EAFAEA 10,29:1 AAA

Aa #780C28 auf #CAE0BC 7,92:1 AAA

Aa #EAFAEA auf #6E8E59 3,41:1 AA (großer Text)

Aa #780C28 auf #6E8E59 3,02:1 AA (großer Text)

Aa #CAE0BC auf #6E8E59 2,62:1 Nicht bestanden

Aa #CAE0BC auf #EAFAEA 1,30:1 Nicht bestanden

Palette „Heavy Heart“ mit 4 Farben