Startseite Farbpaletten Palette „Informative Pink“ mit 4 Farben

Palette „Informative Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Informative Pink“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Neutral Gemischt Triadisch

Likes 8.666

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #303A52;
  --c-earthy-2: #574B90;
  --c-earthy-3: #9E579D;
  --c-earthy-4: #FC85AE;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Informative Pink (#FC85AE) bis zum dunkelsten Ton Biscay (#303A52). Sie vereint Biscay, Purple Corallite, Heath Spotted Orchid und Informative Pink 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 #303A52 auf #FC85AE mit 4,91:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Biscay #303A52

RGB: rgb(48, 58, 82)
HSL: hsl(222, 26%, 25%)
Luminanz: 0,043

Purple Corallite #574B90

RGB: rgb(87, 75, 144)
HSL: hsl(250, 32%, 43%)
Luminanz: 0,091

Heath Spotted Orchid #9E579D

RGB: rgb(158, 87, 157)
HSL: hsl(301, 29%, 48%)
Luminanz: 0,165

Informative Pink #FC85AE

RGB: rgb(252, 133, 174)
HSL: hsl(339, 95%, 75%)
Luminanz: 0,405

Kontrast & Barrierefreiheit

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

Aa #303A52 auf #FC85AE 4,91:1 AA

Aa #574B90 auf #FC85AE 3,24:1 AA (großer Text)

Aa #303A52 auf #9E579D 2,32:1 Nicht bestanden

Aa #9E579D auf #FC85AE 2,12:1 Nicht bestanden

Aa #574B90 auf #9E579D 1,53:1 Nicht bestanden

Aa #303A52 auf #574B90 1,52:1 Nicht bestanden

Palette „Informative Pink“ mit 4 Farben