Startseite Farbpaletten Palette „Ceramic Blue Turquoise“ mit 4 Farben

Palette „Ceramic Blue Turquoise“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Ceramic Blue Turquoise“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Erdig 4 Farben Warm Hell Komplementär

Likes 3.958

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #16A596;
  --c-earthy-2: #898B8A;
  --c-earthy-3: #FAE0DF;
  --c-earthy-4: #F6F5F1;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton White Chalk (#F6F5F1) bis zum dunkelsten Ton City Storm (#898B8A). Sie vereint Ceramic Blue Turquoise, City Storm, Pale Perfection und White Chalk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Ceramic Blue Turquoise #16A596

RGB: rgb(22, 165, 150)
HSL: hsl(174, 76%, 37%)
Luminanz: 0,293

City Storm #898B8A

RGB: rgb(137, 139, 138)
HSL: hsl(150, 1%, 54%)
Luminanz: 0,256

Pale Perfection #FAE0DF

RGB: rgb(250, 224, 223)
HSL: hsl(2, 73%, 93%)
Luminanz: 0,790

White Chalk #F6F5F1

RGB: rgb(246, 245, 241)
HSL: hsl(48, 22%, 95%)
Luminanz: 0,913

Kontrast & Barrierefreiheit

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

Aa #898B8A auf #F6F5F1 3,14:1 AA (großer Text)

Aa #16A596 auf #F6F5F1 2,81:1 Nicht bestanden

Aa #898B8A auf #FAE0DF 2,74:1 Nicht bestanden

Aa #16A596 auf #FAE0DF 2,45:1 Nicht bestanden

Aa #FAE0DF auf #F6F5F1 1,15:1 Nicht bestanden

Aa #16A596 auf #898B8A 1,12:1 Nicht bestanden

Palette „Ceramic Blue Turquoise“ mit 4 Farben