Startseite Farbpaletten Palette „Gangsters Gold“ mit 4 Farben

Palette „Gangsters Gold“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Gangsters Gold“ 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.638

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #283E56;
  --c-vibrant-2: #1989AC;
  --c-vibrant-3: #E8F1F5;
  --c-vibrant-4: #FFDE25;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Clear Vision (#E8F1F5) bis zum dunkelsten Ton Blue Shade Wash (#283E56). Sie vereint Blue Shade Wash, Mediterranean Sea, Clear Vision und Gangsters 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 #283E56 auf #E8F1F5 mit 9,58:1.

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

Farben im Detail

Blue Shade Wash #283E56

RGB: rgb(40, 62, 86)
HSL: hsl(211, 37%, 25%)
Luminanz: 0,046

Mediterranean Sea #1989AC

RGB: rgb(25, 137, 172)
HSL: hsl(194, 75%, 39%)
Luminanz: 0,211

Clear Vision #E8F1F5

RGB: rgb(232, 241, 245)
HSL: hsl(198, 39%, 94%)
Luminanz: 0,867

Gangsters Gold #FFDE25

RGB: rgb(255, 222, 37)
HSL: hsl(51, 100%, 57%)
Luminanz: 0,736

Kontrast & Barrierefreiheit

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

Aa #283E56 auf #E8F1F5 9,58:1 AAA

Aa #283E56 auf #FFDE25 8,22:1 AAA

Aa #1989AC auf #E8F1F5 3,51:1 AA (großer Text)

Aa #1989AC auf #FFDE25 3,02:1 AA (großer Text)

Aa #283E56 auf #1989AC 2,73:1 Nicht bestanden

Aa #E8F1F5 auf #FFDE25 1,17:1 Nicht bestanden

Palette „Gangsters Gold“ mit 4 Farben