Droplets

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

Zurück zur Bibliothek

Droplets

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom water rain aprilshowerspalettecontest droplets

Likes 74

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0B1424;
  --c-muted-2: #25375C;
  --c-muted-3: #5C7391;
  --c-muted-4: #AEC3D6;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Airway (#AEC3D6) bis zum dunkelsten Ton Corbeau (#0B1424). Sie vereint Corbeau, Midnight Sleigh, Laguna Blue und Airway 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 #0B1424 auf #AEC3D6 mit 10,16:1.

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

Farben im Detail

Corbeau #0B1424

RGB: rgb(11, 20, 36)
HSL: hsl(218, 53%, 9%)
Luminanz: 0,007

Midnight Sleigh #25375C

RGB: rgb(37, 55, 92)
HSL: hsl(220, 43%, 25%)
Luminanz: 0,039

Laguna Blue #5C7391

RGB: rgb(92, 115, 145)
HSL: hsl(214, 22%, 46%)
Luminanz: 0,166

Airway #AEC3D6

RGB: rgb(174, 195, 214)
HSL: hsl(209, 33%, 76%)
Luminanz: 0,529

Kontrast & Barrierefreiheit

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

Aa #0B1424 auf #AEC3D6 10,16:1 AAA

Aa #25375C auf #AEC3D6 6,50:1 AA

Aa #0B1424 auf #5C7391 3,79:1 AA (großer Text)

Aa #5C7391 auf #AEC3D6 2,68:1 Nicht bestanden

Aa #25375C auf #5C7391 2,43:1 Nicht bestanden

Aa #0B1424 auf #25375C 1,56:1 Nicht bestanden

Droplets

Droplets

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen