Nirvana 7

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

Zurück zur Bibliothek

Nirvana 7

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Triadisch nirvana7 mirrutatep purple 7color

Likes 133

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #1E0B37;
  --c-vibrant-2: #45176E;
  --c-vibrant-3: #8E20A7;
  --c-vibrant-4: #D53BE3;
  --c-vibrant-5: #EF7BDD;
  --c-vibrant-6: #F6B7D6;
  --c-vibrant-7: #FCF2DE;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Damask (#FCF2DE) bis zum dunkelsten Ton Middle Red Purple (#1E0B37). Sie vereint Middle Red Purple, Obsidian Shell, Minesweeper’s Purple, Méi Gūi Zǐ Purple, Lián Hóng Lotus Pink, Manga Pink und Damask in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E0B37 auf #FCF2DE mit 16,31:1.

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

Farben im Detail

Middle Red Purple #1E0B37

RGB: rgb(30, 11, 55)
HSL: hsl(266, 67%, 13%)
Luminanz: 0,008

Obsidian Shell #45176E

RGB: rgb(69, 23, 110)
HSL: hsl(272, 65%, 26%)
Luminanz: 0,030

Minesweeper’s Purple #8E20A7

RGB: rgb(142, 32, 167)
HSL: hsl(289, 68%, 39%)
Luminanz: 0,096

Méi Gūi Zǐ Purple #D53BE3

RGB: rgb(213, 59, 227)
HSL: hsl(295, 75%, 56%)
Luminanz: 0,228

Lián Hóng Lotus Pink #EF7BDD

RGB: rgb(239, 123, 221)
HSL: hsl(309, 78%, 71%)
Luminanz: 0,377

Manga Pink #F6B7D6

RGB: rgb(246, 183, 214)
HSL: hsl(330, 78%, 84%)
Luminanz: 0,583

Damask #FCF2DE

RGB: rgb(252, 242, 222)
HSL: hsl(40, 83%, 93%)
Luminanz: 0,895

Kontrast & Barrierefreiheit

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

Aa #1E0B37 auf #FCF2DE 16,31:1 AAA

Aa #45176E auf #FCF2DE 11,80:1 AAA

Aa #1E0B37 auf #F6B7D6 10,93:1 AAA

Aa #45176E auf #F6B7D6 7,91:1 AAA

Aa #1E0B37 auf #EF7BDD 7,38:1 AAA

Aa #8E20A7 auf #FCF2DE 6,48:1 AA

Aa #45176E auf #EF7BDD 5,34:1 AA

Aa #1E0B37 auf #D53BE3 4,80:1 AA

Aa #8E20A7 auf #F6B7D6 4,34:1 AA (großer Text)

Aa #45176E auf #D53BE3 3,48:1 AA (großer Text)

Aa #D53BE3 auf #FCF2DE 3,40:1 AA (großer Text)

Aa #8E20A7 auf #EF7BDD 2,93:1 Nicht bestanden

Aa #1E0B37 auf #8E20A7 2,52:1 Nicht bestanden

Aa #D53BE3 auf #F6B7D6 2,28:1 Nicht bestanden

Aa #EF7BDD auf #FCF2DE 2,21:1 Nicht bestanden

Aa #8E20A7 auf #D53BE3 1,91:1 Nicht bestanden

Aa #45176E auf #8E20A7 1,82:1 Nicht bestanden

Aa #D53BE3 auf #EF7BDD 1,54:1 Nicht bestanden

Aa #F6B7D6 auf #FCF2DE 1,49:1 Nicht bestanden

Aa #EF7BDD auf #F6B7D6 1,48:1 Nicht bestanden

Aa #1E0B37 auf #45176E 1,38:1 Nicht bestanden

Nirvana 7

Nirvana 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen