Startseite Farbpaletten Palette „Overboard“ mit 4 Farben

Palette „Overboard“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Overboard“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Dunkel Monochrom

Likes 4.602

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #222222;
  --c-muted-2: #045757;
  --c-muted-3: #044343;
  --c-muted-4: #E4E4E4;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Titanium White (#E4E4E4) bis zum dunkelsten Ton Eye Patch (#222222). Sie vereint Eye Patch, Overboard, Dark Side und Titanium White 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 #222222 auf #E4E4E4 mit 12,51:1.

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

Farben im Detail

Eye Patch #222222

RGB: rgb(34, 34, 34)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,016

Overboard #045757

RGB: rgb(4, 87, 87)
HSL: hsl(180, 91%, 18%)
Luminanz: 0,075

Dark Side #044343

RGB: rgb(4, 67, 67)
HSL: hsl(180, 89%, 14%)
Luminanz: 0,045

Titanium White #E4E4E4

RGB: rgb(228, 228, 228)
HSL: hsl(0, 0%, 89%)
Luminanz: 0,776

Kontrast & Barrierefreiheit

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

Aa #222222 auf #E4E4E4 12,51:1 AAA

Aa #044343 auf #E4E4E4 8,74:1 AAA

Aa #045757 auf #E4E4E4 6,59:1 AA

Aa #222222 auf #045757 1,90:1 Nicht bestanden

Aa #222222 auf #044343 1,43:1 Nicht bestanden

Aa #045757 auf #044343 1,33:1 Nicht bestanden

Palette „Overboard“ mit 4 Farben