Dead Ice

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

Zurück zur Bibliothek

Dead Ice

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog cold gb stone ice

Likes 41

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F5FFFA;
  --c-muted-2: #5792A5;
  --c-muted-3: #46393F;
  --c-muted-4: #161327;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Mint Cream (#F5FFFA) bis zum dunkelsten Ton Corbeau (#161327). Sie vereint Mint Cream, Manitou Blue, Priceless Purple und Corbeau 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 #F5FFFA auf #161327 mit 17,78:1.

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

Farben im Detail

Mint Cream #F5FFFA

RGB: rgb(245, 255, 250)
HSL: hsl(150, 100%, 98%)
Luminanz: 0,978

Manitou Blue #5792A5

RGB: rgb(87, 146, 165)
HSL: hsl(195, 31%, 49%)
Luminanz: 0,253

Priceless Purple #46393F

RGB: rgb(70, 57, 63)
HSL: hsl(332, 10%, 25%)
Luminanz: 0,046

Corbeau #161327

RGB: rgb(22, 19, 39)
HSL: hsl(249, 34%, 11%)
Luminanz: 0,008

Kontrast & Barrierefreiheit

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

Aa #F5FFFA auf #161327 17,78:1 AAA

Aa #F5FFFA auf #46393F 10,73:1 AAA

Aa #5792A5 auf #161327 5,24:1 AA

Aa #F5FFFA auf #5792A5 3,39:1 AA (großer Text)

Aa #5792A5 auf #46393F 3,16:1 AA (großer Text)

Aa #46393F auf #161327 1,66:1 Nicht bestanden

Dead Ice

Dead Ice

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen