Startseite Farbpaletten Palette „Dark Rift“ mit 4 Farben

Palette „Dark Rift“ mit 4 Farben

Palette mit 4 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Palette „Dark Rift“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Dunkel Analog

Likes 19.130

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #040D12;
  --c-muted-2: #183D3D;
  --c-muted-3: #5C8374;
  --c-muted-4: #93B1A6;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Vintage Vessel (#93B1A6) bis zum dunkelsten Ton Dark Rift (#040D12). Sie vereint Dark Rift, Botanical Night, Cutty Sark und Vintage Vessel 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 #040D12 auf #93B1A6 mit 8,47:1.

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

Farben im Detail

Dark Rift #040D12

RGB: rgb(4, 13, 18)
HSL: hsl(201, 64%, 4%)
Luminanz: 0,004

Botanical Night #183D3D

RGB: rgb(24, 61, 61)
HSL: hsl(180, 44%, 17%)
Luminanz: 0,039

Cutty Sark #5C8374

RGB: rgb(92, 131, 116)
HSL: hsl(157, 17%, 44%)
Luminanz: 0,198

Vintage Vessel #93B1A6

RGB: rgb(147, 177, 166)
HSL: hsl(158, 16%, 64%)
Luminanz: 0,404

Kontrast & Barrierefreiheit

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

Aa #040D12 auf #93B1A6 8,47:1 AAA

Aa #183D3D auf #93B1A6 5,12:1 AA

Aa #040D12 auf #5C8374 4,62:1 AA

Aa #183D3D auf #5C8374 2,79:1 Nicht bestanden

Aa #5C8374 auf #93B1A6 1,83:1 Nicht bestanden

Aa #040D12 auf #183D3D 1,66:1 Nicht bestanden

Palette „Dark Rift“ mit 4 Farben