Startseite Farbpaletten Palette „Tears of Joy“ mit 4 Farben

Palette „Tears of Joy“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Tears of Joy“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 2.915

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #30364F;
  --c-muted-2: #ACBAC4;
  --c-muted-3: #E1D9BC;
  --c-muted-4: #F0F0DB;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Tears of Joy (#F0F0DB) bis zum dunkelsten Ton Tiě Hēi Metal (#30364F). Sie vereint Tiě Hēi Metal, Cold Snap, Coconut Cream und Tears of Joy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #30364F auf #F0F0DB mit 10,3:1.

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

Farben im Detail

Tiě Hēi Metal #30364F

RGB: rgb(48, 54, 79)
HSL: hsl(228, 24%, 25%)
Luminanz: 0,038

Cold Snap #ACBAC4

RGB: rgb(172, 186, 196)
HSL: hsl(205, 17%, 72%)
Luminanz: 0,479

Coconut Cream #E1D9BC

RGB: rgb(225, 217, 188)
HSL: hsl(47, 38%, 81%)
Luminanz: 0,693

Tears of Joy #F0F0DB

RGB: rgb(240, 240, 219)
HSL: hsl(60, 41%, 90%)
Luminanz: 0,860

Kontrast & Barrierefreiheit

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

Aa #30364F auf #F0F0DB 10,30:1 AAA

Aa #30364F auf #E1D9BC 8,41:1 AAA

Aa #30364F auf #ACBAC4 5,99:1 AA

Aa #ACBAC4 auf #F0F0DB 1,72:1 Nicht bestanden

Aa #ACBAC4 auf #E1D9BC 1,40:1 Nicht bestanden

Aa #E1D9BC auf #F0F0DB 1,22:1 Nicht bestanden

Palette „Tears of Joy“ mit 4 Farben