Teaviie

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Teaviie

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog pink purple dream neon

Likes 123

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #F6E1FF;
  --c-vibrant-2: #F6BAFB;
  --c-vibrant-3: #E26CD7;
  --c-vibrant-4: #9729FC;
  --c-vibrant-5: #6420A8;
  --c-vibrant-6: #11002A;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Soft Lavender (#F6E1FF) bis zum dunkelsten Ton Space Grey (#11002A). Sie vereint Soft Lavender, Sweet Slumber Pink, Pink Orchid, Veronica, Wild Violet und Space Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6E1FF auf #11002A mit 16,2:1.

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

Farben im Detail

Soft Lavender #F6E1FF

RGB: rgb(246, 225, 255)
HSL: hsl(282, 100%, 94%)
Luminanz: 0,807

Sweet Slumber Pink #F6BAFB

RGB: rgb(246, 186, 251)
HSL: hsl(295, 89%, 86%)
Luminanz: 0,617

Pink Orchid #E26CD7

RGB: rgb(226, 108, 215)
HSL: hsl(306, 67%, 65%)
Luminanz: 0,318

Veronica #9729FC

RGB: rgb(151, 41, 252)
HSL: hsl(271, 97%, 57%)
Luminanz: 0,152

Wild Violet #6420A8

RGB: rgb(100, 32, 168)
HSL: hsl(270, 68%, 39%)
Luminanz: 0,066

Space Grey #11002A

RGB: rgb(17, 0, 42)
HSL: hsl(264, 100%, 8%)
Luminanz: 0,003

Kontrast & Barrierefreiheit

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

Aa #F6E1FF auf #11002A 16,20:1 AAA

Aa #F6BAFB auf #11002A 12,61:1 AAA

Aa #F6E1FF auf #6420A8 7,40:1 AAA

Aa #E26CD7 auf #11002A 6,96:1 AA

Aa #F6BAFB auf #6420A8 5,76:1 AA

Aa #F6E1FF auf #9729FC 4,24:1 AA (großer Text)

Aa #9729FC auf #11002A 3,82:1 AA (großer Text)

Aa #F6BAFB auf #9729FC 3,30:1 AA (großer Text)

Aa #E26CD7 auf #6420A8 3,18:1 AA (großer Text)

Aa #F6E1FF auf #E26CD7 2,33:1 Nicht bestanden

Aa #6420A8 auf #11002A 2,19:1 Nicht bestanden

Aa #E26CD7 auf #9729FC 1,82:1 Nicht bestanden

Aa #F6BAFB auf #E26CD7 1,81:1 Nicht bestanden

Aa #9729FC auf #6420A8 1,75:1 Nicht bestanden

Aa #F6E1FF auf #F6BAFB 1,28:1 Nicht bestanden

Teaviie

Teaviie

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen