Startseite Farbpaletten Palette „Atomic Pink“ mit 4 Farben

Palette „Atomic Pink“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Atomic Pink“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Hell Triadisch

Likes 5.556

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #78DEC7;
  --c-vibrant-2: #D62AD0;
  --c-vibrant-3: #FB7AFC;
  --c-vibrant-4: #FBC7F7;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Kissed by Mist (#FBC7F7) bis zum dunkelsten Ton Demonic Purple (#D62AD0). Sie vereint Star Grass, Demonic Purple, Atomic Pink und Kissed by Mist in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Star Grass #78DEC7

RGB: rgb(120, 222, 199)
HSL: hsl(166, 61%, 67%)
Luminanz: 0,604

Demonic Purple #D62AD0

RGB: rgb(214, 42, 208)
HSL: hsl(302, 68%, 50%)
Luminanz: 0,205

Atomic Pink #FB7AFC

RGB: rgb(251, 122, 252)
HSL: hsl(300, 96%, 73%)
Luminanz: 0,415

Kissed by Mist #FBC7F7

RGB: rgb(251, 199, 247)
HSL: hsl(305, 87%, 88%)
Luminanz: 0,681

Kontrast & Barrierefreiheit

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

Aa #D62AD0 auf #FBC7F7 2,86:1 Nicht bestanden

Aa #78DEC7 auf #D62AD0 2,56:1 Nicht bestanden

Aa #D62AD0 auf #FB7AFC 1,82:1 Nicht bestanden

Aa #FB7AFC auf #FBC7F7 1,57:1 Nicht bestanden

Aa #78DEC7 auf #FB7AFC 1,41:1 Nicht bestanden

Aa #78DEC7 auf #FBC7F7 1,12:1 Nicht bestanden

Palette „Atomic Pink“ mit 4 Farben