Satur8d

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

Zurück zur Bibliothek

Satur8d

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär 8color morganne satur8d

Likes 79

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #0D0214;
  --c-vibrant-2: #520644;
  --c-vibrant-3: #604564;
  --c-vibrant-4: #CF3E78;
  --c-vibrant-5: #077299;
  --c-vibrant-6: #5FB874;
  --c-vibrant-7: #DDA856;
  --c-vibrant-8: #E9E37F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Yellow Press (#E9E37F) bis zum dunkelsten Ton Glossy Black (#0D0214). Sie vereint Glossy Black, Royal Ash, Brunneous, Jaipur Pink, Tofino Belue, Citronella, Old Whiskey und Yellow Press 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 #0D0214 auf #E9E37F mit 15,21:1.

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

Farben im Detail

Glossy Black #0D0214

RGB: rgb(13, 2, 20)
HSL: hsl(277, 82%, 4%)
Luminanz: 0,002

Royal Ash #520644

RGB: rgb(82, 6, 68)
HSL: hsl(311, 86%, 17%)
Luminanz: 0,023

Brunneous #604564

RGB: rgb(96, 69, 100)
HSL: hsl(292, 18%, 33%)
Luminanz: 0,077

Jaipur Pink #CF3E78

RGB: rgb(207, 62, 120)
HSL: hsl(336, 60%, 53%)
Luminanz: 0,181

Tofino Belue #077299

RGB: rgb(7, 114, 153)
HSL: hsl(196, 91%, 31%)
Luminanz: 0,144

Citronella #5FB874

RGB: rgb(95, 184, 116)
HSL: hsl(134, 39%, 55%)
Luminanz: 0,380

Old Whiskey #DDA856

RGB: rgb(221, 168, 86)
HSL: hsl(36, 67%, 60%)
Luminanz: 0,441

Yellow Press #E9E37F

RGB: rgb(233, 227, 127)
HSL: hsl(57, 71%, 71%)
Luminanz: 0,738

Kontrast & Barrierefreiheit

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

Aa #0D0214 auf #E9E37F 15,21:1 AAA

Aa #520644 auf #E9E37F 10,73:1 AAA

Aa #0D0214 auf #DDA856 9,47:1 AAA

Aa #0D0214 auf #5FB874 8,30:1 AAA

Aa #520644 auf #DDA856 6,68:1 AA

Aa #604564 auf #E9E37F 6,22:1 AA

Aa #520644 auf #5FB874 5,85:1 AA

Aa #0D0214 auf #CF3E78 4,45:1 AA (großer Text)

Aa #077299 auf #E9E37F 4,07:1 AA (großer Text)

Aa #604564 auf #DDA856 3,87:1 AA (großer Text)

Aa #0D0214 auf #077299 3,74:1 AA (großer Text)

Aa #CF3E78 auf #E9E37F 3,42:1 AA (großer Text)

Aa #604564 auf #5FB874 3,39:1 AA (großer Text)

Aa #520644 auf #CF3E78 3,14:1 AA (großer Text)

Aa #520644 auf #077299 2,64:1 Nicht bestanden

Aa #077299 auf #DDA856 2,53:1 Nicht bestanden

Aa #0D0214 auf #604564 2,44:1 Nicht bestanden

Aa #077299 auf #5FB874 2,22:1 Nicht bestanden

Aa #CF3E78 auf #DDA856 2,13:1 Nicht bestanden

Aa #CF3E78 auf #5FB874 1,86:1 Nicht bestanden

Aa #5FB874 auf #E9E37F 1,83:1 Nicht bestanden

Aa #604564 auf #CF3E78 1,82:1 Nicht bestanden

Aa #520644 auf #604564 1,72:1 Nicht bestanden

Aa #DDA856 auf #E9E37F 1,61:1 Nicht bestanden

Aa #604564 auf #077299 1,53:1 Nicht bestanden

Aa #0D0214 auf #520644 1,42:1 Nicht bestanden

Aa #CF3E78 auf #077299 1,19:1 Nicht bestanden

Aa #5FB874 auf #DDA856 1,14:1 Nicht bestanden

Satur8d

Satur8d

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen