Startseite Farbpaletten Palette „Crème de Menthe“ mit 4 Farben

Palette „Crème de Menthe“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Crème de Menthe“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Hell Triadisch

Likes 5.817

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #DB6B97;
  --c-muted-2: #F2FFE9;
  --c-muted-3: #A6CF98;
  --c-muted-4: #557C55;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Crème de Menthe (#F2FFE9) bis zum dunkelsten Ton Torrey Pine (#557C55). Sie vereint Paris Pink, Crème de Menthe, Relaxation Green und Torrey Pine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2FFE9 auf #557C55 mit 4,6:1.

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

Farben im Detail

Paris Pink #DB6B97

RGB: rgb(219, 107, 151)
HSL: hsl(336, 61%, 64%)
Luminanz: 0,278

Crème de Menthe #F2FFE9

RGB: rgb(242, 255, 233)
HSL: hsl(95, 100%, 96%)
Luminanz: 0,963

Relaxation Green #A6CF98

RGB: rgb(166, 207, 152)
HSL: hsl(105, 36%, 70%)
Luminanz: 0,550

Torrey Pine #557C55

RGB: rgb(85, 124, 85)
HSL: hsl(120, 19%, 41%)
Luminanz: 0,170

Kontrast & Barrierefreiheit

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

Aa #F2FFE9 auf #557C55 4,60:1 AA

Aa #DB6B97 auf #F2FFE9 3,09:1 AA (großer Text)

Aa #A6CF98 auf #557C55 2,73:1 Nicht bestanden

Aa #DB6B97 auf #A6CF98 1,83:1 Nicht bestanden

Aa #F2FFE9 auf #A6CF98 1,69:1 Nicht bestanden

Aa #DB6B97 auf #557C55 1,49:1 Nicht bestanden

Palette „Crème de Menthe“ mit 4 Farben