Bite Club

Palette mit 7 Farben · Kühl · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Bite Club

Palette mit 7 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten

Lebendig 7 Farben Kühl Dunkel Triadisch pixelart red blue purple

Likes 68

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #050002;
  --c-vibrant-2: #171237;
  --c-vibrant-3: #31144F;
  --c-vibrant-4: #3E207B;
  --c-vibrant-5: #84266E;
  --c-vibrant-6: #C355DA;
  --c-vibrant-7: #74AEFF;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Fennel Flower (#74AEFF) bis zum dunkelsten Ton Binary Black (#050002). Sie vereint Binary Black, Spanish Roast, Russian Violet, Explorer of the Galaxies, Noble Plum, Thick Pink und Fennel Flower in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #050002 auf #74AEFF mit 9,17:1.

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

Farben im Detail

Binary Black #050002

RGB: rgb(5, 0, 2)
HSL: hsl(336, 100%, 1%)
Luminanz: 0,000

Spanish Roast #171237

RGB: rgb(23, 18, 55)
HSL: hsl(248, 51%, 14%)
Luminanz: 0,009

Russian Violet #31144F

RGB: rgb(49, 20, 79)
HSL: hsl(269, 60%, 19%)
Luminanz: 0,017

Explorer of the Galaxies #3E207B

RGB: rgb(62, 32, 123)
HSL: hsl(260, 59%, 30%)
Luminanz: 0,035

Noble Plum #84266E

RGB: rgb(132, 38, 110)
HSL: hsl(314, 55%, 33%)
Luminanz: 0,074

Thick Pink #C355DA

RGB: rgb(195, 85, 218)
HSL: hsl(290, 64%, 59%)
Luminanz: 0,232

Fennel Flower #74AEFF

RGB: rgb(116, 174, 255)
HSL: hsl(215, 100%, 73%)
Luminanz: 0,412

Kontrast & Barrierefreiheit

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

Aa #050002 auf #74AEFF 9,17:1 AAA

Aa #171237 auf #74AEFF 7,84:1 AAA

Aa #31144F auf #74AEFF 6,88:1 AA

Aa #050002 auf #C355DA 5,59:1 AA

Aa #3E207B auf #74AEFF 5,44:1 AA

Aa #171237 auf #C355DA 4,78:1 AA

Aa #31144F auf #C355DA 4,19:1 AA (großer Text)

Aa #84266E auf #74AEFF 3,72:1 AA (großer Text)

Aa #3E207B auf #C355DA 3,32:1 AA (großer Text)

Aa #050002 auf #84266E 2,47:1 Nicht bestanden

Aa #84266E auf #C355DA 2,27:1 Nicht bestanden

Aa #171237 auf #84266E 2,11:1 Nicht bestanden

Aa #31144F auf #84266E 1,85:1 Nicht bestanden

Aa #050002 auf #3E207B 1,69:1 Nicht bestanden

Aa #C355DA auf #74AEFF 1,64:1 Nicht bestanden

Aa #3E207B auf #84266E 1,46:1 Nicht bestanden

Aa #171237 auf #3E207B 1,44:1 Nicht bestanden

Aa #050002 auf #31144F 1,33:1 Nicht bestanden

Aa #31144F auf #3E207B 1,26:1 Nicht bestanden

Aa #050002 auf #171237 1,17:1 Nicht bestanden

Aa #171237 auf #31144F 1,14:1 Nicht bestanden

Bite Club

Bite Club

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen