Startseite Farbpaletten Palette „Greek Flag Blue“ mit 4 Farben

Palette „Greek Flag Blue“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Greek Flag Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 2.649

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #161D6E;
  --c-vibrant-2: #1160AA;
  --c-vibrant-3: #9BB4DA;
  --c-vibrant-4: #E9D2B3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Powdered Gold (#E9D2B3) bis zum dunkelsten Ton 20000 Leagues Under the Sea (#161D6E). Sie vereint 20000 Leagues Under the Sea, Greek Flag Blue, Mont Blanc und Powdered Gold 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 #161D6E auf #E9D2B3 mit 9,99:1.

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

Farben im Detail

20000 Leagues Under the Sea #161D6E

RGB: rgb(22, 29, 110)
HSL: hsl(235, 67%, 26%)
Luminanz: 0,022

Greek Flag Blue #1160AA

RGB: rgb(17, 96, 170)
HSL: hsl(209, 82%, 37%)
Luminanz: 0,114

Mont Blanc #9BB4DA

RGB: rgb(155, 180, 218)
HSL: hsl(216, 46%, 73%)
Luminanz: 0,447

Powdered Gold #E9D2B3

RGB: rgb(233, 210, 179)
HSL: hsl(34, 55%, 81%)
Luminanz: 0,667

Kontrast & Barrierefreiheit

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

Aa #161D6E auf #E9D2B3 9,99:1 AAA

Aa #161D6E auf #9BB4DA 6,92:1 AA

Aa #1160AA auf #E9D2B3 4,37:1 AA (großer Text)

Aa #1160AA auf #9BB4DA 3,03:1 AA (großer Text)

Aa #161D6E auf #1160AA 2,28:1 Nicht bestanden

Aa #9BB4DA auf #E9D2B3 1,44:1 Nicht bestanden

Palette „Greek Flag Blue“ mit 4 Farben