Startseite Farbpaletten Hortensia Diamond

Hortensia Diamond

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Hortensia Diamond

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Triadisch pink purple pastel colorful

Likes 350

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #332B48;
  --c-vibrant-2: #3C4059;
  --c-vibrant-3: #4C587E;
  --c-vibrant-4: #8977C9;
  --c-vibrant-5: #BC8DFF;
  --c-vibrant-6: #FC9BD3;
  --c-vibrant-7: #DABAFF;
  --c-vibrant-8: #D4FAFF;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Salt Mountain (#D4FAFF) bis zum dunkelsten Ton Obsidian Lava Black (#332B48). Sie vereint Obsidian Lava Black, Victory Blue, Dark Iris, Ube, Lilac Geode, Himalayan Balsam, Lavender Fragrance und Salt Mountain in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #332B48 auf #D4FAFF mit 11,97:1.

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

Farben im Detail

Obsidian Lava Black #332B48

RGB: rgb(51, 43, 72)
HSL: hsl(257, 25%, 23%)
Luminanz: 0,029

Victory Blue #3C4059

RGB: rgb(60, 64, 89)
HSL: hsl(232, 19%, 29%)
Luminanz: 0,054

Dark Iris #4C587E

RGB: rgb(76, 88, 126)
HSL: hsl(226, 25%, 40%)
Luminanz: 0,100

Ube #8977C9

RGB: rgb(137, 119, 201)
HSL: hsl(253, 43%, 63%)
Luminanz: 0,227

Lilac Geode #BC8DFF

RGB: rgb(188, 141, 255)
HSL: hsl(265, 100%, 78%)
Luminanz: 0,370

Himalayan Balsam #FC9BD3

RGB: rgb(252, 155, 211)
HSL: hsl(325, 94%, 80%)
Luminanz: 0,488

Lavender Fragrance #DABAFF

RGB: rgb(218, 186, 255)
HSL: hsl(268, 100%, 86%)
Luminanz: 0,572

Salt Mountain #D4FAFF

RGB: rgb(212, 250, 255)
HSL: hsl(187, 100%, 92%)
Luminanz: 0,896

Kontrast & Barrierefreiheit

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

Aa #332B48 auf #D4FAFF 11,97:1 AAA

Aa #3C4059 auf #D4FAFF 9,14:1 AAA

Aa #332B48 auf #DABAFF 7,88:1 AAA

Aa #332B48 auf #FC9BD3 6,82:1 AA

Aa #4C587E auf #D4FAFF 6,30:1 AA

Aa #3C4059 auf #DABAFF 6,01:1 AA

Aa #332B48 auf #BC8DFF 5,31:1 AA

Aa #3C4059 auf #FC9BD3 5,20:1 AA

Aa #4C587E auf #DABAFF 4,14:1 AA (großer Text)

Aa #3C4059 auf #BC8DFF 4,05:1 AA (großer Text)

Aa #4C587E auf #FC9BD3 3,58:1 AA (großer Text)

Aa #332B48 auf #8977C9 3,51:1 AA (großer Text)

Aa #8977C9 auf #D4FAFF 3,41:1 AA (großer Text)

Aa #4C587E auf #BC8DFF 2,79:1 Nicht bestanden

Aa #3C4059 auf #8977C9 2,68:1 Nicht bestanden

Aa #BC8DFF auf #D4FAFF 2,25:1 Nicht bestanden

Aa #8977C9 auf #DABAFF 2,24:1 Nicht bestanden

Aa #8977C9 auf #FC9BD3 1,94:1 Nicht bestanden

Aa #332B48 auf #4C587E 1,90:1 Nicht bestanden

Aa #4C587E auf #8977C9 1,85:1 Nicht bestanden

Aa #FC9BD3 auf #D4FAFF 1,76:1 Nicht bestanden

Aa #DABAFF auf #D4FAFF 1,52:1 Nicht bestanden

Aa #8977C9 auf #BC8DFF 1,51:1 Nicht bestanden

Aa #BC8DFF auf #DABAFF 1,48:1 Nicht bestanden

Aa #3C4059 auf #4C587E 1,45:1 Nicht bestanden

Aa #332B48 auf #3C4059 1,31:1 Nicht bestanden

Aa #BC8DFF auf #FC9BD3 1,28:1 Nicht bestanden

Aa #FC9BD3 auf #DABAFF 1,16:1 Nicht bestanden

Hortensia Diamond