Startseite Farbpaletten Palette „Light Shōjin Blue“ mit 4 Farben

Palette „Light Shōjin Blue“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Light Shōjin Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Hell Komplementär

Likes 2.472

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0118D8;
  --c-vibrant-2: #1B56FD;
  --c-vibrant-3: #E9DFC3;
  --c-vibrant-4: #FFF8F8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sugar Milk (#FFF8F8) bis zum dunkelsten Ton Nightfall in Suburbia (#0118D8). Sie vereint Nightfall in Suburbia, Light Shōjin Blue, Adobe Sand und Sugar Milk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0118D8 auf #FFF8F8 mit 9,43:1.

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

Farben im Detail

Nightfall in Suburbia #0118D8

RGB: rgb(1, 24, 216)
HSL: hsl(234, 99%, 43%)
Luminanz: 0,056

Light Shōjin Blue #1B56FD

RGB: rgb(27, 86, 253)
HSL: hsl(224, 98%, 55%)
Luminanz: 0,140

Adobe Sand #E9DFC3

RGB: rgb(233, 223, 195)
HSL: hsl(44, 46%, 84%)
Luminanz: 0,740

Sugar Milk #FFF8F8

RGB: rgb(255, 248, 248)
HSL: hsl(0, 100%, 99%)
Luminanz: 0,952

Kontrast & Barrierefreiheit

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

Aa #0118D8 auf #FFF8F8 9,43:1 AAA

Aa #0118D8 auf #E9DFC3 7,44:1 AAA

Aa #1B56FD auf #FFF8F8 5,28:1 AA

Aa #1B56FD auf #E9DFC3 4,16:1 AA (großer Text)

Aa #0118D8 auf #1B56FD 1,79:1 Nicht bestanden

Aa #E9DFC3 auf #FFF8F8 1,27:1 Nicht bestanden

Palette „Light Shōjin Blue“ mit 4 Farben