Startseite Farbpaletten Palette „Hiroshima Aquamarine“ mit 4 Farben

Palette „Hiroshima Aquamarine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Hiroshima Aquamarine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 1.687

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #80FFDB;
  --c-vibrant-2: #55E0A3;
  --c-vibrant-3: #5B70F3;
  --c-vibrant-4: #4850B9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Hiroshima Aquamarine (#80FFDB) bis zum dunkelsten Ton Free Speech Blue (#4850B9). Sie vereint Hiroshima Aquamarine, Medium Aquamarine, Blue Öyster Cult und Free Speech Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #80FFDB auf #4850B9 mit 5,52:1.

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

Farben im Detail

Hiroshima Aquamarine #80FFDB

RGB: rgb(128, 255, 219)
HSL: hsl(163, 100%, 75%)
Luminanz: 0,812

Medium Aquamarine #55E0A3

RGB: rgb(85, 224, 163)
HSL: hsl(154, 69%, 61%)
Luminanz: 0,579

Blue Öyster Cult #5B70F3

RGB: rgb(91, 112, 243)
HSL: hsl(232, 86%, 65%)
Luminanz: 0,203

Free Speech Blue #4850B9

RGB: rgb(72, 80, 185)
HSL: hsl(236, 45%, 50%)
Luminanz: 0,106

Kontrast & Barrierefreiheit

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

Aa #80FFDB auf #4850B9 5,52:1 AA

Aa #55E0A3 auf #4850B9 4,03:1 AA (großer Text)

Aa #80FFDB auf #5B70F3 3,41:1 AA (großer Text)

Aa #55E0A3 auf #5B70F3 2,49:1 Nicht bestanden

Aa #5B70F3 auf #4850B9 1,62:1 Nicht bestanden

Aa #80FFDB auf #55E0A3 1,37:1 Nicht bestanden

Palette „Hiroshima Aquamarine“ mit 4 Farben