Startseite Farbpaletten Palette „Golden Hermes“ mit 4 Farben

Palette „Golden Hermes“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Golden Hermes“ 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.645

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #211572;
  --c-vibrant-2: #24BDDF;
  --c-vibrant-3: #F4F4F4;
  --c-vibrant-4: #FFFDBB;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Golden Hermes (#FFFDBB) bis zum dunkelsten Ton Outer Rim (#211572). Sie vereint Outer Rim, Caribbean Blue, Lighthouse und Golden Hermes in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #211572 auf #FFFDBB mit 14,15:1.

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

Farben im Detail

Outer Rim #211572

RGB: rgb(33, 21, 114)
HSL: hsl(248, 69%, 26%)
Luminanz: 0,021

Caribbean Blue #24BDDF

RGB: rgb(36, 189, 223)
HSL: hsl(191, 75%, 51%)
Luminanz: 0,421

Lighthouse #F4F4F4

RGB: rgb(244, 244, 244)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,905

Golden Hermes #FFFDBB

RGB: rgb(255, 253, 187)
HSL: hsl(58, 100%, 87%)
Luminanz: 0,951

Kontrast & Barrierefreiheit

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

Aa #211572 auf #FFFDBB 14,15:1 AAA

Aa #211572 auf #F4F4F4 13,49:1 AAA

Aa #211572 auf #24BDDF 6,66:1 AA

Aa #24BDDF auf #FFFDBB 2,13:1 Nicht bestanden

Aa #24BDDF auf #F4F4F4 2,03:1 Nicht bestanden

Aa #F4F4F4 auf #FFFDBB 1,05:1 Nicht bestanden

Palette „Golden Hermes“ mit 4 Farben