Startseite Farbpaletten Palette „Blue Chip“ mit 4 Farben

Palette „Blue Chip“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blue Chip“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 12.233

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F6F6F6;
  --c-muted-2: #D6E4F0;
  --c-muted-3: #1E56A0;
  --c-muted-4: #163172;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F6F6F6) bis zum dunkelsten Ton Atlantic Navy (#163172). Sie vereint Gram’s Hair, Snowdrift Glow, Blue Chip und Atlantic Navy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6F6F6 auf #163172 mit 11,32:1.

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

Farben im Detail

Gram’s Hair #F6F6F6

RGB: rgb(246, 246, 246)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,922

Snowdrift Glow #D6E4F0

RGB: rgb(214, 228, 240)
HSL: hsl(208, 46%, 89%)
Luminanz: 0,761

Blue Chip #1E56A0

RGB: rgb(30, 86, 160)
HSL: hsl(214, 68%, 37%)
Luminanz: 0,095

Atlantic Navy #163172

RGB: rgb(22, 49, 114)
HSL: hsl(222, 68%, 27%)
Luminanz: 0,036

Kontrast & Barrierefreiheit

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

Aa #F6F6F6 auf #163172 11,32:1 AAA

Aa #D6E4F0 auf #163172 9,45:1 AAA

Aa #F6F6F6 auf #1E56A0 6,71:1 AA

Aa #D6E4F0 auf #1E56A0 5,60:1 AA

Aa #1E56A0 auf #163172 1,69:1 Nicht bestanden

Aa #F6F6F6 auf #D6E4F0 1,20:1 Nicht bestanden

Palette „Blue Chip“ mit 4 Farben