Startseite Farbpaletten FreezingWinter4

FreezingWinter4

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

Zurück zur Bibliothek

FreezingWinter4

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog snow cold winter blue

Likes 17

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F0FAFF;
  --c-vibrant-2: #3BBDFD;
  --c-vibrant-3: #0070EF;
  --c-vibrant-4: #1E188D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Alice Blue (#F0FAFF) bis zum dunkelsten Ton Nightly Expedition (#1E188D). Sie vereint Alice Blue, Megaman, Níu Zǎi Sè Denim und Nightly Expedition 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 #F0FAFF auf #1E188D mit 12,62:1.

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

Farben im Detail

Alice Blue #F0FAFF

RGB: rgb(240, 250, 255)
HSL: hsl(200, 100%, 97%)
Luminanz: 0,941

Megaman #3BBDFD

RGB: rgb(59, 189, 253)
HSL: hsl(200, 98%, 61%)
Luminanz: 0,444

Níu Zǎi Sè Denim #0070EF

RGB: rgb(0, 112, 239)
HSL: hsl(212, 100%, 47%)
Luminanz: 0,178

Nightly Expedition #1E188D

RGB: rgb(30, 24, 141)
HSL: hsl(243, 71%, 32%)
Luminanz: 0,029

Kontrast & Barrierefreiheit

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

Aa #F0FAFF auf #1E188D 12,62:1 AAA

Aa #3BBDFD auf #1E188D 6,29:1 AA

Aa #F0FAFF auf #0070EF 4,34:1 AA (großer Text)

Aa #0070EF auf #1E188D 2,91:1 Nicht bestanden

Aa #3BBDFD auf #0070EF 2,17:1 Nicht bestanden

Aa #F0FAFF auf #3BBDFD 2,01:1 Nicht bestanden

FreezingWinter4