Startseite Farbpaletten Eight Hues Of Toxic Ooze

Eight Hues Of Toxic Ooze

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

Zurück zur Bibliothek

Eight Hues Of Toxic Ooze

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

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Komplementär green blue purple cyan

Likes 124

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #D5FFCC;
  --c-vibrant-2: #95FFCF;
  --c-vibrant-3: #6DD4C3;
  --c-vibrant-4: #56A3B2;
  --c-vibrant-5: #407292;
  --c-vibrant-6: #2C4273;
  --c-vibrant-7: #281039;
  --c-vibrant-8: #0E0314;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Herbal Vapours (#D5FFCC) bis zum dunkelsten Ton Glossy Black (#0E0314). Sie vereint Herbal Vapours, Lemon Gate, Downy, Explorer Blue, Harbour Blue, Deep Ocean Floor, Blacklist und Glossy Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D5FFCC auf #0E0314 mit 18,24:1.

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

Farben im Detail

Herbal Vapours #D5FFCC

RGB: rgb(213, 255, 204)
HSL: hsl(109, 100%, 90%)
Luminanz: 0,900

Lemon Gate #95FFCF

RGB: rgb(149, 255, 207)
HSL: hsl(153, 100%, 79%)
Luminanz: 0,824

Downy #6DD4C3

RGB: rgb(109, 212, 195)
HSL: hsl(170, 54%, 63%)
Luminanz: 0,543

Explorer Blue #56A3B2

RGB: rgb(86, 163, 178)
HSL: hsl(190, 37%, 52%)
Luminanz: 0,314

Harbour Blue #407292

RGB: rgb(64, 114, 146)
HSL: hsl(203, 39%, 41%)
Luminanz: 0,152

Deep Ocean Floor #2C4273

RGB: rgb(44, 66, 115)
HSL: hsl(221, 45%, 31%)
Luminanz: 0,057

Blacklist #281039

RGB: rgb(40, 16, 57)
HSL: hsl(275, 56%, 14%)
Luminanz: 0,011

Glossy Black #0E0314

RGB: rgb(14, 3, 20)
HSL: hsl(279, 74%, 5%)
Luminanz: 0,002

Kontrast & Barrierefreiheit

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

Aa #D5FFCC auf #0E0314 18,24:1 AAA

Aa #95FFCF auf #0E0314 16,78:1 AAA

Aa #D5FFCC auf #281039 15,53:1 AAA

Aa #95FFCF auf #281039 14,29:1 AAA

Aa #6DD4C3 auf #0E0314 11,38:1 AAA

Aa #6DD4C3 auf #281039 9,69:1 AAA

Aa #D5FFCC auf #2C4273 8,91:1 AAA

Aa #95FFCF auf #2C4273 8,19:1 AAA

Aa #56A3B2 auf #0E0314 6,99:1 AA

Aa #56A3B2 auf #281039 5,95:1 AA

Aa #6DD4C3 auf #2C4273 5,56:1 AA

Aa #D5FFCC auf #407292 4,70:1 AA

Aa #95FFCF auf #407292 4,33:1 AA (großer Text)

Aa #407292 auf #0E0314 3,88:1 AA (großer Text)

Aa #56A3B2 auf #2C4273 3,41:1 AA (großer Text)

Aa #407292 auf #281039 3,30:1 AA (großer Text)

Aa #6DD4C3 auf #407292 2,93:1 Nicht bestanden

Aa #D5FFCC auf #56A3B2 2,61:1 Nicht bestanden

Aa #95FFCF auf #56A3B2 2,40:1 Nicht bestanden

Aa #2C4273 auf #0E0314 2,05:1 Nicht bestanden

Aa #407292 auf #2C4273 1,89:1 Nicht bestanden

Aa #56A3B2 auf #407292 1,80:1 Nicht bestanden

Aa #2C4273 auf #281039 1,74:1 Nicht bestanden

Aa #6DD4C3 auf #56A3B2 1,63:1 Nicht bestanden

Aa #D5FFCC auf #6DD4C3 1,60:1 Nicht bestanden

Aa #95FFCF auf #6DD4C3 1,47:1 Nicht bestanden

Aa #281039 auf #0E0314 1,17:1 Nicht bestanden

Aa #D5FFCC auf #95FFCF 1,09:1 Nicht bestanden

Eight Hues Of Toxic Ooze