Astro

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

Zurück zur Bibliothek

Astro

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär gameboy space

Likes 35

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1F084D;
  --c-muted-2: #3D4466;
  --c-muted-3: #24B3B3;
  --c-muted-4: #E2E6CF;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bleached Jade (#E2E6CF) bis zum dunkelsten Ton Indigo Sloth (#1F084D). Sie vereint Indigo Sloth, Genie, Caicos Turquoise und Bleached Jade 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 #1F084D auf #E2E6CF mit 13,71:1.

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

Farben im Detail

Indigo Sloth #1F084D

RGB: rgb(31, 8, 77)
HSL: hsl(260, 81%, 17%)
Luminanz: 0,010

Genie #3D4466

RGB: rgb(61, 68, 102)
HSL: hsl(230, 25%, 32%)
Luminanz: 0,061

Caicos Turquoise #24B3B3

RGB: rgb(36, 179, 179)
HSL: hsl(180, 67%, 42%)
Luminanz: 0,359

Bleached Jade #E2E6CF

RGB: rgb(226, 230, 207)
HSL: hsl(70, 32%, 86%)
Luminanz: 0,773

Kontrast & Barrierefreiheit

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

Aa #1F084D auf #E2E6CF 13,71:1 AAA

Aa #3D4466 auf #E2E6CF 7,42:1 AAA

Aa #1F084D auf #24B3B3 6,81:1 AA

Aa #3D4466 auf #24B3B3 3,69:1 AA (großer Text)

Aa #24B3B3 auf #E2E6CF 2,01:1 Nicht bestanden

Aa #1F084D auf #3D4466 1,85:1 Nicht bestanden

Astro

Astro

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen