Startseite Farbpaletten Palette „Azure Tide“ mit 4 Farben

Palette „Azure Tide“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Azure Tide“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 7.903

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #ECF4D6;
  --c-muted-2: #9AD0C2;
  --c-muted-3: #2D9596;
  --c-muted-4: #265073;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Tokyo Underground (#ECF4D6) bis zum dunkelsten Ton Midnight Sonata (#265073). Sie vereint Tokyo Underground, Opal Turquoise, Azure Tide und Midnight Sonata in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ECF4D6 auf #265073 mit 7,46:1.

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

Farben im Detail

Tokyo Underground #ECF4D6

RGB: rgb(236, 244, 214)
HSL: hsl(76, 58%, 90%)
Luminanz: 0,874

Opal Turquoise #9AD0C2

RGB: rgb(154, 208, 194)
HSL: hsl(164, 36%, 71%)
Luminanz: 0,559

Azure Tide #2D9596

RGB: rgb(45, 149, 150)
HSL: hsl(181, 54%, 38%)
Luminanz: 0,243

Midnight Sonata #265073

RGB: rgb(38, 80, 115)
HSL: hsl(207, 50%, 30%)
Luminanz: 0,074

Kontrast & Barrierefreiheit

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

Aa #ECF4D6 auf #265073 7,46:1 AAA

Aa #9AD0C2 auf #265073 4,91:1 AA

Aa #ECF4D6 auf #2D9596 3,16:1 AA (großer Text)

Aa #2D9596 auf #265073 2,36:1 Nicht bestanden

Aa #9AD0C2 auf #2D9596 2,08:1 Nicht bestanden

Aa #ECF4D6 auf #9AD0C2 1,52:1 Nicht bestanden

Palette „Azure Tide“ mit 4 Farben