Startseite Farbpaletten Palette „Is It Cold“ mit 4 Farben

Palette „Is It Cold“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Is It Cold“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 3.105

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F1F4DF;
  --c-vibrant-2: #10EAF0;
  --c-vibrant-3: #0028FF;
  --c-vibrant-4: #24009C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Restful Rain (#F1F4DF) bis zum dunkelsten Ton Blue Beetle (#24009C). Sie vereint Restful Rain, Phosphorescent Blue, Is It Cold und Blue Beetle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1F4DF auf #24009C mit 12,05:1.

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

Farben im Detail

Restful Rain #F1F4DF

RGB: rgb(241, 244, 223)
HSL: hsl(69, 49%, 92%)
Luminanz: 0,887

Phosphorescent Blue #10EAF0

RGB: rgb(16, 234, 240)
HSL: hsl(182, 88%, 50%)
Luminanz: 0,653

Is It Cold #0028FF

RGB: rgb(0, 40, 255)
HSL: hsl(231, 100%, 50%)
Luminanz: 0,087

Blue Beetle #24009C

RGB: rgb(36, 0, 156)
HSL: hsl(254, 100%, 31%)
Luminanz: 0,028

Kontrast & Barrierefreiheit

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

Aa #F1F4DF auf #24009C 12,05:1 AAA

Aa #10EAF0 auf #24009C 9,03:1 AAA

Aa #F1F4DF auf #0028FF 6,82:1 AA

Aa #10EAF0 auf #0028FF 5,11:1 AA

Aa #0028FF auf #24009C 1,77:1 Nicht bestanden

Aa #F1F4DF auf #10EAF0 1,33:1 Nicht bestanden

Palette „Is It Cold“ mit 4 Farben