Startseite Farbpaletten Palette „Electric Ultramarine“ mit 4 Farben

Palette „Electric Ultramarine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Electric Ultramarine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 6.106

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #170055;
  --c-vibrant-2: #3E00FF;
  --c-vibrant-3: #AE00FB;
  --c-vibrant-4: #B5FFD9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Mintastic (#B5FFD9) bis zum dunkelsten Ton Scoop of Dark Matter (#170055). Sie vereint Scoop of Dark Matter, Electric Ultramarine, Digital Violets und Mintastic 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 #170055 auf #B5FFD9 mit 15,65:1.

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

Farben im Detail

Scoop of Dark Matter #170055

RGB: rgb(23, 0, 85)
HSL: hsl(256, 100%, 17%)
Luminanz: 0,008

Electric Ultramarine #3E00FF

RGB: rgb(62, 0, 255)
HSL: hsl(255, 100%, 50%)
Luminanz: 0,082

Digital Violets #AE00FB

RGB: rgb(174, 0, 251)
HSL: hsl(282, 100%, 49%)
Luminanz: 0,160

Mintastic #B5FFD9

RGB: rgb(181, 255, 217)
HSL: hsl(149, 100%, 85%)
Luminanz: 0,864

Kontrast & Barrierefreiheit

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

Aa #170055 auf #B5FFD9 15,65:1 AAA

Aa #3E00FF auf #B5FFD9 6,90:1 AA

Aa #AE00FB auf #B5FFD9 4,36:1 AA (großer Text)

Aa #170055 auf #AE00FB 3,59:1 AA (großer Text)

Aa #170055 auf #3E00FF 2,27:1 Nicht bestanden

Aa #3E00FF auf #AE00FB 1,58:1 Nicht bestanden

Palette „Electric Ultramarine“ mit 4 Farben