Startseite Farbpaletten Palette „Mediterranean Sea“ mit 4 Farben

Palette „Mediterranean Sea“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mediterranean Sea“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 6.989

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #253B6E;
  --c-vibrant-2: #1F5F8B;
  --c-vibrant-3: #1891AC;
  --c-vibrant-4: #D2ECF9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Blue Hijab (#D2ECF9) bis zum dunkelsten Ton Limoges (#253B6E). Sie vereint Limoges, Copenhagen Blue, Mediterranean Sea und Blue Hijab 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 #253B6E auf #D2ECF9 mit 8,87:1.

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

Farben im Detail

Limoges #253B6E

RGB: rgb(37, 59, 110)
HSL: hsl(222, 50%, 29%)
Luminanz: 0,047

Copenhagen Blue #1F5F8B

RGB: rgb(31, 95, 139)
HSL: hsl(204, 64%, 33%)
Luminanz: 0,103

Mediterranean Sea #1891AC

RGB: rgb(24, 145, 172)
HSL: hsl(191, 76%, 38%)
Luminanz: 0,234

Blue Hijab #D2ECF9

RGB: rgb(210, 236, 249)
HSL: hsl(200, 76%, 90%)
Luminanz: 0,805

Kontrast & Barrierefreiheit

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

Aa #253B6E auf #D2ECF9 8,87:1 AAA

Aa #1F5F8B auf #D2ECF9 5,58:1 AA

Aa #1891AC auf #D2ECF9 3,01:1 AA (großer Text)

Aa #253B6E auf #1891AC 2,95:1 Nicht bestanden

Aa #1F5F8B auf #1891AC 1,85:1 Nicht bestanden

Aa #253B6E auf #1F5F8B 1,59:1 Nicht bestanden

Palette „Mediterranean Sea“ mit 4 Farben