Sunset Mk.II

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Sunset Mk.II

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch

Likes 53

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #282B57;
  --c-vibrant-2: #443482;
  --c-vibrant-3: #703E9C;
  --c-vibrant-4: #C2469D;
  --c-vibrant-5: #E35F8D;
  --c-vibrant-6: #EB7A7E;
  --c-vibrant-7: #F59182;
  --c-vibrant-8: #FAB88E;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Beach Sand (#FAB88E) bis zum dunkelsten Ton Deep Sea Base (#282B57). Sie vereint Deep Sea Base, Majestic Eggplant, Poppy Pompadour, Rose Violet, Carmine Rose, Siesta Rose, Coral Passion und Beach Sand in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #282B57 auf #FAB88E mit 7,82:1.

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

Farben im Detail

Deep Sea Base #282B57

RGB: rgb(40, 43, 87)
HSL: hsl(236, 37%, 25%)
Luminanz: 0,029

Majestic Eggplant #443482

RGB: rgb(68, 52, 130)
HSL: hsl(252, 43%, 36%)
Luminanz: 0,053

Poppy Pompadour #703E9C

RGB: rgb(112, 62, 156)
HSL: hsl(272, 43%, 43%)
Luminanz: 0,093

Rose Violet #C2469D

RGB: rgb(194, 70, 157)
HSL: hsl(318, 50%, 52%)
Luminanz: 0,183

Carmine Rose #E35F8D

RGB: rgb(227, 95, 141)
HSL: hsl(339, 70%, 63%)
Luminanz: 0,264

Siesta Rose #EB7A7E

RGB: rgb(235, 122, 126)
HSL: hsl(358, 74%, 70%)
Luminanz: 0,331

Coral Passion #F59182

RGB: rgb(245, 145, 130)
HSL: hsl(8, 85%, 74%)
Luminanz: 0,413

Beach Sand #FAB88E

RGB: rgb(250, 184, 142)
HSL: hsl(23, 92%, 77%)
Luminanz: 0,566

Kontrast & Barrierefreiheit

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

Aa #282B57 auf #FAB88E 7,82:1 AAA

Aa #443482 auf #FAB88E 5,98:1 AA

Aa #282B57 auf #F59182 5,88:1 AA

Aa #282B57 auf #EB7A7E 4,84:1 AA

Aa #443482 auf #F59182 4,49:1 AA (großer Text)

Aa #703E9C auf #FAB88E 4,31:1 AA (großer Text)

Aa #282B57 auf #E35F8D 4,00:1 AA (großer Text)

Aa #443482 auf #EB7A7E 3,70:1 AA (großer Text)

Aa #703E9C auf #F59182 3,24:1 AA (großer Text)

Aa #443482 auf #E35F8D 3,05:1 AA (großer Text)

Aa #282B57 auf #C2469D 2,96:1 Nicht bestanden

Aa #703E9C auf #EB7A7E 2,67:1 Nicht bestanden

Aa #C2469D auf #FAB88E 2,64:1 Nicht bestanden

Aa #443482 auf #C2469D 2,26:1 Nicht bestanden

Aa #703E9C auf #E35F8D 2,20:1 Nicht bestanden

Aa #C2469D auf #F59182 1,99:1 Nicht bestanden

Aa #E35F8D auf #FAB88E 1,96:1 Nicht bestanden

Aa #282B57 auf #703E9C 1,82:1 Nicht bestanden

Aa #C2469D auf #EB7A7E 1,64:1 Nicht bestanden

Aa #703E9C auf #C2469D 1,63:1 Nicht bestanden

Aa #EB7A7E auf #FAB88E 1,62:1 Nicht bestanden

Aa #E35F8D auf #F59182 1,47:1 Nicht bestanden

Aa #443482 auf #703E9C 1,39:1 Nicht bestanden

Aa #C2469D auf #E35F8D 1,35:1 Nicht bestanden

Aa #F59182 auf #FAB88E 1,33:1 Nicht bestanden

Aa #282B57 auf #443482 1,31:1 Nicht bestanden

Aa #E35F8D auf #EB7A7E 1,21:1 Nicht bestanden

Aa #EB7A7E auf #F59182 1,21:1 Nicht bestanden

Sunset Mk.II

Sunset Mk.II

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen