Startseite Farbpaletten Palette „Traditional Blue“ mit 4 Farben

Palette „Traditional Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Traditional Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 6.550

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1C658C;
  --c-muted-2: #398AB9;
  --c-muted-3: #D8D2CB;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Traditional Blue (#1C658C). Sie vereint Traditional Blue, Pat-A-Pep, Light Ghosting und Super Silver 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 #1C658C auf #EEEEEE mit 5,5:1.

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

Farben im Detail

Traditional Blue #1C658C

RGB: rgb(28, 101, 140)
HSL: hsl(201, 67%, 33%)
Luminanz: 0,115

Pat-A-Pep #398AB9

RGB: rgb(57, 138, 185)
HSL: hsl(202, 53%, 47%)
Luminanz: 0,226

Light Ghosting #D8D2CB

RGB: rgb(216, 210, 203)
HSL: hsl(32, 14%, 82%)
Luminanz: 0,650

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #1C658C auf #EEEEEE 5,50:1 AA

Aa #1C658C auf #D8D2CB 4,26:1 AA (großer Text)

Aa #398AB9 auf #EEEEEE 3,28:1 AA (großer Text)

Aa #398AB9 auf #D8D2CB 2,54:1 Nicht bestanden

Aa #1C658C auf #398AB9 1,67:1 Nicht bestanden

Aa #D8D2CB auf #EEEEEE 1,29:1 Nicht bestanden

Palette „Traditional Blue“ mit 4 Farben