Startseite Farbpaletten Palette „Night Pearl“ mit 4 Farben

Palette „Night Pearl“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Night Pearl“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 5.989

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #211951;
  --c-vibrant-2: #836FFF;
  --c-vibrant-3: #15F5BA;
  --c-vibrant-4: #F0F3FF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Boysenberry Shadow (#F0F3FF) bis zum dunkelsten Ton Silent Orbit (#211951). Sie vereint Silent Orbit, Blackthorn Berry, Night Pearl und Boysenberry Shadow 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 #211951 auf #F0F3FF mit 14,34:1.

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

Farben im Detail

Silent Orbit #211951

RGB: rgb(33, 25, 81)
HSL: hsl(249, 53%, 21%)
Luminanz: 0,016

Blackthorn Berry #836FFF

RGB: rgb(131, 111, 255)
HSL: hsl(248, 100%, 72%)
Luminanz: 0,234

Night Pearl #15F5BA

RGB: rgb(21, 245, 186)
HSL: hsl(164, 92%, 52%)
Luminanz: 0,690

Boysenberry Shadow #F0F3FF

RGB: rgb(240, 243, 255)
HSL: hsl(228, 100%, 97%)
Luminanz: 0,899

Kontrast & Barrierefreiheit

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

Aa #211951 auf #F0F3FF 14,34:1 AAA

Aa #211951 auf #15F5BA 11,19:1 AAA

Aa #211951 auf #836FFF 4,30:1 AA (großer Text)

Aa #836FFF auf #F0F3FF 3,34:1 AA (großer Text)

Aa #836FFF auf #15F5BA 2,60:1 Nicht bestanden

Aa #15F5BA auf #F0F3FF 1,28:1 Nicht bestanden

Palette „Night Pearl“ mit 4 Farben