Rubble4

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Rubble4

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär dark cave

Likes 53

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D6E2B3;
  --c-muted-2: #D1B250;
  --c-muted-3: #488880;
  --c-muted-4: #362D43;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fern Shadow (#D6E2B3) bis zum dunkelsten Ton Obsidian Lava Black (#362D43). Sie vereint Fern Shadow, Gold Gleam, Jericho Jade und Obsidian Lava Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D6E2B3 auf #362D43 mit 9,54:1.

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

Farben im Detail

Fern Shadow #D6E2B3

RGB: rgb(214, 226, 179)
HSL: hsl(75, 45%, 79%)
Luminanz: 0,719

Gold Gleam #D1B250

RGB: rgb(209, 178, 80)
HSL: hsl(46, 58%, 57%)
Luminanz: 0,460

Jericho Jade #488880

RGB: rgb(72, 136, 128)
HSL: hsl(173, 31%, 41%)
Luminanz: 0,205

Obsidian Lava Black #362D43

RGB: rgb(54, 45, 67)
HSL: hsl(265, 20%, 22%)
Luminanz: 0,031

Kontrast & Barrierefreiheit

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

Aa #D6E2B3 auf #362D43 9,54:1 AAA

Aa #D1B250 auf #362D43 6,32:1 AA

Aa #488880 auf #362D43 3,17:1 AA (großer Text)

Aa #D6E2B3 auf #488880 3,01:1 AA (großer Text)

Aa #D1B250 auf #488880 2,00:1 Nicht bestanden

Aa #D6E2B3 auf #D1B250 1,51:1 Nicht bestanden

Rubble4

Rubble4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen