Startseite Farbpaletten Palette „Turquoise Cyan“ mit 4 Farben

Palette „Turquoise Cyan“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Turquoise Cyan“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 3.544

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0D7C66;
  --c-muted-2: #41B3A2;
  --c-muted-3: #BDE8CA;
  --c-muted-4: #D7C3F1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Canton Jade (#BDE8CA) bis zum dunkelsten Ton Turquoise Cyan (#0D7C66). Sie vereint Turquoise Cyan, Island Moment, Canton Jade und Beefy Pink 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ß.

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

Farben im Detail

Turquoise Cyan #0D7C66

RGB: rgb(13, 124, 102)
HSL: hsl(168, 81%, 27%)
Luminanz: 0,155

Island Moment #41B3A2

RGB: rgb(65, 179, 162)
HSL: hsl(171, 47%, 48%)
Luminanz: 0,360

Canton Jade #BDE8CA

RGB: rgb(189, 232, 202)
HSL: hsl(138, 48%, 83%)
Luminanz: 0,728

Beefy Pink #D7C3F1

RGB: rgb(215, 195, 241)
HSL: hsl(266, 62%, 85%)
Luminanz: 0,598

Kontrast & Barrierefreiheit

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

Aa #0D7C66 auf #BDE8CA 3,80:1 AA (großer Text)

Aa #0D7C66 auf #D7C3F1 3,17:1 AA (großer Text)

Aa #0D7C66 auf #41B3A2 2,00:1 Nicht bestanden

Aa #41B3A2 auf #BDE8CA 1,90:1 Nicht bestanden

Aa #41B3A2 auf #D7C3F1 1,58:1 Nicht bestanden

Aa #BDE8CA auf #D7C3F1 1,20:1 Nicht bestanden

Palette „Turquoise Cyan“ mit 4 Farben