Startseite Farbpaletten Palette „Platonic Blue“ mit 4 Farben

Palette „Platonic Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Platonic Blue“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 3.502

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #362FD9;
  --c-vibrant-2: #3C84AB;
  --c-vibrant-3: #85CDFD;
  --c-vibrant-4: #DEFCF9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Matterhorn Snow (#DEFCF9) bis zum dunkelsten Ton Palatinate Blue (#362FD9). Sie vereint Palatinate Blue, Lake Henry, Platonic Blue und Matterhorn Snow 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 #362FD9 auf #DEFCF9 mit 7,56:1.

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

Farben im Detail

Palatinate Blue #362FD9

RGB: rgb(54, 47, 217)
HSL: hsl(242, 69%, 52%)
Luminanz: 0,078

Lake Henry #3C84AB

RGB: rgb(60, 132, 171)
HSL: hsl(201, 48%, 45%)
Luminanz: 0,204

Platonic Blue #85CDFD

RGB: rgb(133, 205, 253)
HSL: hsl(204, 97%, 76%)
Luminanz: 0,557

Matterhorn Snow #DEFCF9

RGB: rgb(222, 252, 249)
HSL: hsl(174, 83%, 93%)
Luminanz: 0,920

Kontrast & Barrierefreiheit

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

Aa #362FD9 auf #DEFCF9 7,56:1 AAA

Aa #362FD9 auf #85CDFD 4,74:1 AA

Aa #3C84AB auf #DEFCF9 3,82:1 AA (großer Text)

Aa #3C84AB auf #85CDFD 2,39:1 Nicht bestanden

Aa #362FD9 auf #3C84AB 1,98:1 Nicht bestanden

Aa #85CDFD auf #DEFCF9 1,60:1 Nicht bestanden

Palette „Platonic Blue“ mit 4 Farben