Startseite Farbpaletten Palette „Pale Phthalo Blue“ mit 4 Farben

Palette „Pale Phthalo Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pale Phthalo Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 5.400

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D3D5FD;
  --c-muted-2: #929AAB;
  --c-muted-3: #474A56;
  --c-muted-4: #0B0B0D;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pale Phthalo Blue (#D3D5FD) bis zum dunkelsten Ton Black Wash (#0B0B0D). Sie vereint Pale Phthalo Blue, Ornamental Silver, Asphalt Blue und Black Wash 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 #D3D5FD auf #0B0B0D mit 13,77:1.

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

Farben im Detail

Pale Phthalo Blue #D3D5FD

RGB: rgb(211, 213, 253)
HSL: hsl(237, 91%, 91%)
Luminanz: 0,685

Ornamental Silver #929AAB

RGB: rgb(146, 154, 171)
HSL: hsl(221, 13%, 62%)
Luminanz: 0,322

Asphalt Blue #474A56

RGB: rgb(71, 74, 86)
HSL: hsl(228, 10%, 31%)
Luminanz: 0,069

Black Wash #0B0B0D

RGB: rgb(11, 11, 13)
HSL: hsl(240, 8%, 5%)
Luminanz: 0,003

Kontrast & Barrierefreiheit

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

Aa #D3D5FD auf #0B0B0D 13,77:1 AAA

Aa #929AAB auf #0B0B0D 6,96:1 AA

Aa #D3D5FD auf #474A56 6,17:1 AA

Aa #929AAB auf #474A56 3,12:1 AA (großer Text)

Aa #474A56 auf #0B0B0D 2,23:1 Nicht bestanden

Aa #D3D5FD auf #929AAB 1,98:1 Nicht bestanden

Palette „Pale Phthalo Blue“ mit 4 Farben