Startseite Farbpaletten Palette „Cloudless“ mit 4 Farben

Palette „Cloudless“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cloudless“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 6.443

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #293B5F;
  --c-muted-2: #47597E;
  --c-muted-3: #DBE6FD;
  --c-muted-4: #B2AB8C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cloudless (#DBE6FD) bis zum dunkelsten Ton Midnight Sleigh (#293B5F). Sie vereint Midnight Sleigh, Optimum Blue, Cloudless und Prairie Sage 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 #293B5F auf #DBE6FD mit 8,88:1.

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

Farben im Detail

Midnight Sleigh #293B5F

RGB: rgb(41, 59, 95)
HSL: hsl(220, 40%, 27%)
Luminanz: 0,044

Optimum Blue #47597E

RGB: rgb(71, 89, 126)
HSL: hsl(220, 28%, 39%)
Luminanz: 0,100

Cloudless #DBE6FD

RGB: rgb(219, 230, 253)
HSL: hsl(221, 89%, 93%)
Luminanz: 0,788

Prairie Sage #B2AB8C

RGB: rgb(178, 171, 140)
HSL: hsl(49, 20%, 62%)
Luminanz: 0,405

Kontrast & Barrierefreiheit

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

Aa #293B5F auf #DBE6FD 8,88:1 AAA

Aa #47597E auf #DBE6FD 5,59:1 AA

Aa #293B5F auf #B2AB8C 4,83:1 AA

Aa #47597E auf #B2AB8C 3,03:1 AA (großer Text)

Aa #DBE6FD auf #B2AB8C 1,84:1 Nicht bestanden

Aa #293B5F auf #47597E 1,59:1 Nicht bestanden

Palette „Cloudless“ mit 4 Farben