Startseite Farbpaletten Palette „Teal Dark Blue“ mit 4 Farben

Palette „Teal Dark Blue“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Teal Dark Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 4 Farben Neutral Gemischt Komplementär

Likes 7.203

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #325288;
  --c-earthy-2: #F4EEE8;
  --c-earthy-3: #F5CEBE;
  --c-earthy-4: #114E60;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Icing Rose (#F4EEE8) bis zum dunkelsten Ton Teal Dark Blue (#114E60). Sie vereint Blue Quartz, Icing Rose, Watusi und Teal Dark Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F4EEE8 auf #114E60 mit 7,99: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

Blue Quartz #325288

RGB: rgb(50, 82, 136)
HSL: hsl(218, 46%, 36%)
Luminanz: 0,085

Icing Rose #F4EEE8

RGB: rgb(244, 238, 232)
HSL: hsl(30, 35%, 93%)
Luminanz: 0,862

Watusi #F5CEBE

RGB: rgb(245, 206, 190)
HSL: hsl(17, 73%, 85%)
Luminanz: 0,673

Teal Dark Blue #114E60

RGB: rgb(17, 78, 96)
HSL: hsl(194, 70%, 22%)
Luminanz: 0,064

Kontrast & Barrierefreiheit

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

Aa #F4EEE8 auf #114E60 7,99:1 AAA

Aa #325288 auf #F4EEE8 6,76:1 AA

Aa #F5CEBE auf #114E60 6,33:1 AA

Aa #325288 auf #F5CEBE 5,36:1 AA

Aa #F4EEE8 auf #F5CEBE 1,26:1 Nicht bestanden

Aa #325288 auf #114E60 1,18:1 Nicht bestanden

Palette „Teal Dark Blue“ mit 4 Farben