Startseite Farbpaletten Palette „Saxony Blue“ mit 4 Farben

Palette „Saxony Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Saxony 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 6.100

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1C2B2D;
  --c-muted-2: #1F6F8B;
  --c-muted-3: #99A8B2;
  --c-muted-4: #E6D5B8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Warm Buttercream (#E6D5B8) bis zum dunkelsten Ton Black Pearl (#1C2B2D). Sie vereint Black Pearl, Saxony Blue, Acier Tint und Warm Buttercream 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 #1C2B2D auf #E6D5B8 mit 10,17:1.

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

Farben im Detail

Black Pearl #1C2B2D

RGB: rgb(28, 43, 45)
HSL: hsl(187, 23%, 14%)
Luminanz: 0,022

Saxony Blue #1F6F8B

RGB: rgb(31, 111, 139)
HSL: hsl(196, 64%, 33%)
Luminanz: 0,135

Acier Tint #99A8B2

RGB: rgb(153, 168, 178)
HSL: hsl(204, 14%, 65%)
Luminanz: 0,380

Warm Buttercream #E6D5B8

RGB: rgb(230, 213, 184)
HSL: hsl(38, 48%, 81%)
Luminanz: 0,679

Kontrast & Barrierefreiheit

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

Aa #1C2B2D auf #E6D5B8 10,17:1 AAA

Aa #1C2B2D auf #99A8B2 6,00:1 AA

Aa #1F6F8B auf #E6D5B8 3,93:1 AA (großer Text)

Aa #1C2B2D auf #1F6F8B 2,59:1 Nicht bestanden

Aa #1F6F8B auf #99A8B2 2,32:1 Nicht bestanden

Aa #99A8B2 auf #E6D5B8 1,70:1 Nicht bestanden

Palette „Saxony Blue“ mit 4 Farben