Startseite Farbpaletten Palette „Schiava Blue“ mit 4 Farben

Palette „Schiava Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Schiava Blue“ 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 7.036

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #7C93C3;
  --c-muted-2: #55679C;
  --c-muted-3: #1E2A5E;
  --c-muted-4: #E1D7B7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Flowering Reed (#E1D7B7) bis zum dunkelsten Ton Schiava Blue (#1E2A5E). Sie vereint Steel Blue Eyes, Electrify, Schiava Blue und Flowering Reed in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E2A5E auf #E1D7B7 mit 9,43:1.

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

Farben im Detail

Steel Blue Eyes #7C93C3

RGB: rgb(124, 147, 195)
HSL: hsl(221, 37%, 63%)
Luminanz: 0,291

Electrify #55679C

RGB: rgb(85, 103, 156)
HSL: hsl(225, 29%, 47%)
Luminanz: 0,140

Schiava Blue #1E2A5E

RGB: rgb(30, 42, 94)
HSL: hsl(229, 52%, 24%)
Luminanz: 0,027

Flowering Reed #E1D7B7

RGB: rgb(225, 215, 183)
HSL: hsl(46, 41%, 80%)
Luminanz: 0,680

Kontrast & Barrierefreiheit

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

Aa #1E2A5E auf #E1D7B7 9,43:1 AAA

Aa #7C93C3 auf #1E2A5E 4,40:1 AA (großer Text)

Aa #55679C auf #E1D7B7 3,84:1 AA (großer Text)

Aa #55679C auf #1E2A5E 2,46:1 Nicht bestanden

Aa #7C93C3 auf #E1D7B7 2,14:1 Nicht bestanden

Aa #7C93C3 auf #55679C 1,79:1 Nicht bestanden

Palette „Schiava Blue“ mit 4 Farben