Startseite Farbpaletten Palette „Ghostlands Coal“ mit 4 Farben

Palette „Ghostlands Coal“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Ghostlands Coal“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 8.111

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #100F0F;
  --c-muted-2: #0F3D3E;
  --c-muted-3: #E2DCC8;
  --c-muted-4: #F1F1F1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Precious Pearls (#F1F1F1) bis zum dunkelsten Ton Chaos Black (#100F0F). Sie vereint Chaos Black, Ghostlands Coal, Travertine und Precious Pearls 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 #100F0F auf #F1F1F1 mit 16,94:1.

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

Farben im Detail

Chaos Black #100F0F

RGB: rgb(16, 15, 15)
HSL: hsl(0, 3%, 6%)
Luminanz: 0,005

Ghostlands Coal #0F3D3E

RGB: rgb(15, 61, 62)
HSL: hsl(181, 61%, 15%)
Luminanz: 0,038

Travertine #E2DCC8

RGB: rgb(226, 220, 200)
HSL: hsl(46, 31%, 84%)
Luminanz: 0,715

Precious Pearls #F1F1F1

RGB: rgb(241, 241, 241)
HSL: hsl(0, 0%, 95%)
Luminanz: 0,880

Kontrast & Barrierefreiheit

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

Aa #100F0F auf #F1F1F1 16,94:1 AAA

Aa #100F0F auf #E2DCC8 13,95:1 AAA

Aa #0F3D3E auf #F1F1F1 10,58:1 AAA

Aa #0F3D3E auf #E2DCC8 8,71:1 AAA

Aa #100F0F auf #0F3D3E 1,60:1 Nicht bestanden

Aa #E2DCC8 auf #F1F1F1 1,21:1 Nicht bestanden

Palette „Ghostlands Coal“ mit 4 Farben