Startseite Farbpaletten Palette „Almost Royal“ mit 4 Farben

Palette „Almost Royal“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Almost Royal“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 4.000

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #D2F6FC;
  --c-vibrant-2: #A9D2FF;
  --c-vibrant-3: #7984EE;
  --c-vibrant-4: #6730EC;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Water (#D2F6FC) bis zum dunkelsten Ton Almost Royal (#6730EC). Sie vereint Water, Malmö FF, Hera Blue und Almost Royal 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 #D2F6FC auf #6730EC mit 5,71:1.

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

Farben im Detail

Water #D2F6FC

RGB: rgb(210, 246, 252)
HSL: hsl(189, 88%, 91%)
Luminanz: 0,866

Malmö FF #A9D2FF

RGB: rgb(169, 210, 255)
HSL: hsl(211, 100%, 83%)
Luminanz: 0,618

Hera Blue #7984EE

RGB: rgb(121, 132, 238)
HSL: hsl(234, 77%, 70%)
Luminanz: 0,267

Almost Royal #6730EC

RGB: rgb(103, 48, 236)
HSL: hsl(258, 83%, 56%)
Luminanz: 0,111

Kontrast & Barrierefreiheit

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

Aa #D2F6FC auf #6730EC 5,71:1 AA

Aa #A9D2FF auf #6730EC 4,16:1 AA (großer Text)

Aa #D2F6FC auf #7984EE 2,89:1 Nicht bestanden

Aa #A9D2FF auf #7984EE 2,10:1 Nicht bestanden

Aa #7984EE auf #6730EC 1,98:1 Nicht bestanden

Aa #D2F6FC auf #A9D2FF 1,37:1 Nicht bestanden

Palette „Almost Royal“ mit 4 Farben