Contrast 4

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Contrast 4

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär green gameboy 4 color

Likes 39

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E8DFAC;
  --c-muted-2: #6D836D;
  --c-muted-3: #254251;
  --c-muted-4: #1A122B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sunny Burrata (#E8DFAC) bis zum dunkelsten Ton Sambucus (#1A122B). Sie vereint Sunny Burrata, Hibiscus Leaf, Reflecting Pond und Sambucus 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 #E8DFAC auf #1A122B mit 13,37:1.

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

Farben im Detail

Sunny Burrata #E8DFAC

RGB: rgb(232, 223, 172)
HSL: hsl(51, 57%, 79%)
Luminanz: 0,729

Hibiscus Leaf #6D836D

RGB: rgb(109, 131, 109)
HSL: hsl(120, 9%, 47%)
Luminanz: 0,206

Reflecting Pond #254251

RGB: rgb(37, 66, 81)
HSL: hsl(200, 37%, 23%)
Luminanz: 0,049

Sambucus #1A122B

RGB: rgb(26, 18, 43)
HSL: hsl(259, 41%, 12%)
Luminanz: 0,008

Kontrast & Barrierefreiheit

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

Aa #E8DFAC auf #1A122B 13,37:1 AAA

Aa #E8DFAC auf #254251 7,88:1 AAA

Aa #6D836D auf #1A122B 4,39:1 AA (großer Text)

Aa #E8DFAC auf #6D836D 3,04:1 AA (großer Text)

Aa #6D836D auf #254251 2,59:1 Nicht bestanden

Aa #254251 auf #1A122B 1,70:1 Nicht bestanden

Contrast 4

Contrast 4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen