Lethargic8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Lethargic8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Komplementär lethargic lethargic8

Likes 29

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #7A8C08;
  --c-vibrant-2: #98A10D;
  --c-vibrant-3: #B6B612;
  --c-vibrant-4: #614DFD;
  --c-vibrant-5: #5CC07D;
  --c-vibrant-6: #3EF4F2;
  --c-vibrant-7: #8B8187;
  --c-vibrant-8: #6D6C82;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Bright Cyan (#3EF4F2) bis zum dunkelsten Ton Pink OCD (#614DFD). Sie vereint Canopy, Papyrus, Pickled Limes, Pink OCD, Heart Chakra, Bright Cyan, Mauvey Pink und Great Grape in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Canopy #7A8C08

RGB: rgb(122, 140, 8)
HSL: hsl(68, 89%, 29%)
Luminanz: 0,229

Papyrus #98A10D

RGB: rgb(152, 161, 13)
HSL: hsl(64, 85%, 34%)
Luminanz: 0,322

Pickled Limes #B6B612

RGB: rgb(182, 182, 18)
HSL: hsl(60, 82%, 39%)
Luminanz: 0,434

Pink OCD #614DFD

RGB: rgb(97, 77, 253)
HSL: hsl(247, 98%, 65%)
Luminanz: 0,149

Heart Chakra #5CC07D

RGB: rgb(92, 192, 125)
HSL: hsl(140, 44%, 56%)
Luminanz: 0,415

Bright Cyan #3EF4F2

RGB: rgb(62, 244, 242)
HSL: hsl(179, 89%, 60%)
Luminanz: 0,721

Mauvey Pink #8B8187

RGB: rgb(139, 129, 135)
HSL: hsl(324, 4%, 53%)
Luminanz: 0,229

Great Grape #6D6C82

RGB: rgb(109, 108, 130)
HSL: hsl(243, 9%, 47%)
Luminanz: 0,156

Kontrast & Barrierefreiheit

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

Aa #614DFD auf #3EF4F2 3,87:1 AA (großer Text)

Aa #3EF4F2 auf #6D6C82 3,75:1 AA (großer Text)

Aa #7A8C08 auf #3EF4F2 2,76:1 Nicht bestanden

Aa #3EF4F2 auf #8B8187 2,76:1 Nicht bestanden

Aa #B6B612 auf #614DFD 2,43:1 Nicht bestanden

Aa #B6B612 auf #6D6C82 2,35:1 Nicht bestanden

Aa #614DFD auf #5CC07D 2,33:1 Nicht bestanden

Aa #5CC07D auf #6D6C82 2,26:1 Nicht bestanden

Aa #98A10D auf #3EF4F2 2,07:1 Nicht bestanden

Aa #98A10D auf #614DFD 1,87:1 Nicht bestanden

Aa #98A10D auf #6D6C82 1,81:1 Nicht bestanden

Aa #7A8C08 auf #B6B612 1,74:1 Nicht bestanden

Aa #B6B612 auf #8B8187 1,73:1 Nicht bestanden

Aa #7A8C08 auf #5CC07D 1,66:1 Nicht bestanden

Aa #5CC07D auf #3EF4F2 1,66:1 Nicht bestanden

Aa #5CC07D auf #8B8187 1,66:1 Nicht bestanden

Aa #B6B612 auf #3EF4F2 1,59:1 Nicht bestanden

Aa #7A8C08 auf #614DFD 1,40:1 Nicht bestanden

Aa #614DFD auf #8B8187 1,40:1 Nicht bestanden

Aa #7A8C08 auf #6D6C82 1,36:1 Nicht bestanden

Aa #8B8187 auf #6D6C82 1,36:1 Nicht bestanden

Aa #7A8C08 auf #98A10D 1,33:1 Nicht bestanden

Aa #98A10D auf #8B8187 1,33:1 Nicht bestanden

Aa #98A10D auf #B6B612 1,30:1 Nicht bestanden

Aa #98A10D auf #5CC07D 1,25:1 Nicht bestanden

Aa #B6B612 auf #5CC07D 1,04:1 Nicht bestanden

Aa #614DFD auf #6D6C82 1,03:1 Nicht bestanden

Aa #7A8C08 auf #8B8187 1,00:1 Nicht bestanden

Lethargic8

Lethargic8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen