Startseite Farbpaletten Palette „Ambassador Blue“ mit 4 Farben

Palette „Ambassador Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Ambassador 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 1.274

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #073059;
  --c-vibrant-2: #2866AB;
  --c-vibrant-3: #5FBDC5;
  --c-vibrant-4: #D8D95C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Banana Chalk (#D8D95C) bis zum dunkelsten Ton Ambassador Blue (#073059). Sie vereint Ambassador Blue, Barbados Blue, Faded Jeans und Banana Chalk 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 #073059 auf #D8D95C mit 8,88:1.

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

Farben im Detail

Ambassador Blue #073059

RGB: rgb(7, 48, 89)
HSL: hsl(210, 85%, 19%)
Luminanz: 0,029

Barbados Blue #2866AB

RGB: rgb(40, 102, 171)
HSL: hsl(212, 62%, 41%)
Luminanz: 0,129

Faded Jeans #5FBDC5

RGB: rgb(95, 189, 197)
HSL: hsl(185, 47%, 57%)
Luminanz: 0,429

Banana Chalk #D8D95C

RGB: rgb(216, 217, 92)
HSL: hsl(60, 62%, 61%)
Luminanz: 0,650

Kontrast & Barrierefreiheit

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

Aa #073059 auf #D8D95C 8,88:1 AAA

Aa #073059 auf #5FBDC5 6,07:1 AA

Aa #2866AB auf #D8D95C 3,91:1 AA (großer Text)

Aa #2866AB auf #5FBDC5 2,67:1 Nicht bestanden

Aa #073059 auf #2866AB 2,27:1 Nicht bestanden

Aa #5FBDC5 auf #D8D95C 1,46:1 Nicht bestanden

Palette „Ambassador Blue“ mit 4 Farben