Startseite Farbpaletten Palette Of Marseille

Palette Of Marseille

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette Of Marseille

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär paper tarot 3bit

Likes 65

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #0C0C0C;
  --c-vibrant-2: #273DD9;
  --c-vibrant-3: #007738;
  --c-vibrant-4: #FF3F14;
  --c-vibrant-5: #E3C72B;
  --c-vibrant-6: #FFB080;
  --c-vibrant-7: #94B3FF;
  --c-vibrant-8: #FFD8CC;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Pale Jasper (#FFD8CC) bis zum dunkelsten Ton Black Wash (#0C0C0C). Sie vereint Black Wash, Palatinate Blue, Forestial, Fēi Hóng Scarlet, Thai Temple, Sassy Peach, Truesky Gloxym und Pale Jasper in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0C0C0C auf #FFD8CC mit 14,85:1.

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

Farben im Detail

Black Wash #0C0C0C

RGB: rgb(12, 12, 12)
HSL: hsl(0, 0%, 5%)
Luminanz: 0,004

Palatinate Blue #273DD9

RGB: rgb(39, 61, 217)
HSL: hsl(233, 70%, 50%)
Luminanz: 0,088

Forestial #007738

RGB: rgb(0, 119, 56)
HSL: hsl(148, 100%, 23%)
Luminanz: 0,135

Fēi Hóng Scarlet #FF3F14

RGB: rgb(255, 63, 20)
HSL: hsl(11, 100%, 54%)
Luminanz: 0,249

Thai Temple #E3C72B

RGB: rgb(227, 199, 43)
HSL: hsl(51, 77%, 53%)
Luminanz: 0,574

Sassy Peach #FFB080

RGB: rgb(255, 176, 128)
HSL: hsl(23, 100%, 75%)
Luminanz: 0,539

Truesky Gloxym #94B3FF

RGB: rgb(148, 179, 255)
HSL: hsl(223, 100%, 79%)
Luminanz: 0,458

Pale Jasper #FFD8CC

RGB: rgb(255, 216, 204)
HSL: hsl(14, 100%, 90%)
Luminanz: 0,747

Kontrast & Barrierefreiheit

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

Aa #0C0C0C auf #FFD8CC 14,85:1 AAA

Aa #0C0C0C auf #E3C72B 11,62:1 AAA

Aa #0C0C0C auf #FFB080 10,97:1 AAA

Aa #0C0C0C auf #94B3FF 9,46:1 AAA

Aa #273DD9 auf #FFD8CC 5,79:1 AA

Aa #0C0C0C auf #FF3F14 5,56:1 AA

Aa #273DD9 auf #E3C72B 4,53:1 AA

Aa #007738 auf #FFD8CC 4,31:1 AA (großer Text)

Aa #273DD9 auf #FFB080 4,27:1 AA (großer Text)

Aa #273DD9 auf #94B3FF 3,68:1 AA (großer Text)

Aa #0C0C0C auf #007738 3,44:1 AA (großer Text)

Aa #007738 auf #E3C72B 3,37:1 AA (großer Text)

Aa #007738 auf #FFB080 3,19:1 AA (großer Text)

Aa #007738 auf #94B3FF 2,75:1 Nicht bestanden

Aa #FF3F14 auf #FFD8CC 2,67:1 Nicht bestanden

Aa #0C0C0C auf #273DD9 2,57:1 Nicht bestanden

Aa #273DD9 auf #FF3F14 2,17:1 Nicht bestanden

Aa #FF3F14 auf #E3C72B 2,09:1 Nicht bestanden

Aa #FF3F14 auf #FFB080 1,97:1 Nicht bestanden

Aa #FF3F14 auf #94B3FF 1,70:1 Nicht bestanden

Aa #007738 auf #FF3F14 1,62:1 Nicht bestanden

Aa #94B3FF auf #FFD8CC 1,57:1 Nicht bestanden

Aa #FFB080 auf #FFD8CC 1,35:1 Nicht bestanden

Aa #273DD9 auf #007738 1,34:1 Nicht bestanden

Aa #E3C72B auf #FFD8CC 1,28:1 Nicht bestanden

Aa #E3C72B auf #94B3FF 1,23:1 Nicht bestanden

Aa #FFB080 auf #94B3FF 1,16:1 Nicht bestanden

Aa #E3C72B auf #FFB080 1,06:1 Nicht bestanden

Palette Of Marseille