Minty 8

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

Zurück zur Bibliothek

Minty 8

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

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär gameboy warm pastel cool

Likes 40

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #190B36;
  --c-vibrant-2: #2D1870;
  --c-vibrant-3: #4D7AD9;
  --c-vibrant-4: #66E3BC;
  --c-vibrant-5: #F3EAD6;
  --c-vibrant-6: #F1D869;
  --c-vibrant-7: #E87A48;
  --c-vibrant-8: #C2313F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Bleached Almond (#F3EAD6) bis zum dunkelsten Ton Midnight Monarch (#190B36). Sie vereint Midnight Monarch, Nebula Night, Skies of Cyberspace, Ocean in a Bowl, Bleached Almond, Island Sun, Ouni Red und C-3PO in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #190B36 auf #F3EAD6 mit 15,36:1.

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

Farben im Detail

Midnight Monarch #190B36

RGB: rgb(25, 11, 54)
HSL: hsl(260, 66%, 13%)
Luminanz: 0,007

Nebula Night #2D1870

RGB: rgb(45, 24, 112)
HSL: hsl(254, 65%, 27%)
Luminanz: 0,024

Skies of Cyberspace #4D7AD9

RGB: rgb(77, 122, 217)
HSL: hsl(221, 65%, 58%)
Luminanz: 0,205

Ocean in a Bowl #66E3BC

RGB: rgb(102, 227, 188)
HSL: hsl(161, 69%, 65%)
Luminanz: 0,614

Bleached Almond #F3EAD6

RGB: rgb(243, 234, 214)
HSL: hsl(41, 55%, 90%)
Luminanz: 0,828

Island Sun #F1D869

RGB: rgb(241, 216, 105)
HSL: hsl(49, 83%, 68%)
Luminanz: 0,688

Ouni Red #E87A48

RGB: rgb(232, 122, 72)
HSL: hsl(19, 78%, 60%)
Luminanz: 0,315

C-3PO #C2313F

RGB: rgb(194, 49, 63)
HSL: hsl(354, 60%, 48%)
Luminanz: 0,140

Kontrast & Barrierefreiheit

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

Aa #190B36 auf #F3EAD6 15,36:1 AAA

Aa #190B36 auf #F1D869 12,93:1 AAA

Aa #2D1870 auf #F3EAD6 11,89:1 AAA

Aa #190B36 auf #66E3BC 11,62:1 AAA

Aa #2D1870 auf #F1D869 10,00:1 AAA

Aa #2D1870 auf #66E3BC 9,00:1 AAA

Aa #190B36 auf #E87A48 6,40:1 AA

Aa #2D1870 auf #E87A48 4,95:1 AA

Aa #F3EAD6 auf #C2313F 4,61:1 AA

Aa #190B36 auf #4D7AD9 4,47:1 AA (großer Text)

Aa #F1D869 auf #C2313F 3,88:1 AA (großer Text)

Aa #66E3BC auf #C2313F 3,49:1 AA (großer Text)

Aa #2D1870 auf #4D7AD9 3,46:1 AA (großer Text)

Aa #4D7AD9 auf #F3EAD6 3,44:1 AA (großer Text)

Aa #190B36 auf #C2313F 3,33:1 AA (großer Text)

Aa #4D7AD9 auf #F1D869 2,89:1 Nicht bestanden

Aa #4D7AD9 auf #66E3BC 2,60:1 Nicht bestanden

Aa #2D1870 auf #C2313F 2,58:1 Nicht bestanden

Aa #F3EAD6 auf #E87A48 2,40:1 Nicht bestanden

Aa #F1D869 auf #E87A48 2,02:1 Nicht bestanden

Aa #E87A48 auf #C2313F 1,92:1 Nicht bestanden

Aa #66E3BC auf #E87A48 1,82:1 Nicht bestanden

Aa #4D7AD9 auf #E87A48 1,43:1 Nicht bestanden

Aa #4D7AD9 auf #C2313F 1,34:1 Nicht bestanden

Aa #66E3BC auf #F3EAD6 1,32:1 Nicht bestanden

Aa #190B36 auf #2D1870 1,29:1 Nicht bestanden

Aa #F3EAD6 auf #F1D869 1,19:1 Nicht bestanden

Aa #66E3BC auf #F1D869 1,11:1 Nicht bestanden

Minty 8

Minty 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen