POISON CLOUD

Palette mit 12 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

POISON CLOUD

Palette mit 12 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Gedeckt 12 Farben Kühl Dunkel Komplementär green blue purple limited

Likes 69

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #060628;
  --c-muted-2: #0B1B41;
  --c-muted-3: #143F64;
  --c-muted-4: #18676E;
  --c-muted-5: #27886A;
  --c-muted-6: #3E9E58;
  --c-muted-7: #230628;
  --c-muted-8: #34093B;
  --c-muted-9: #3A1358;
  --c-muted-10: #412374;
  --c-muted-11: #473382;
  --c-muted-12: #4D4697;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Chateau Green (#3E9E58) bis zum dunkelsten Ton Mysterious Depths (#060628). Sie vereint Mysterious Depths, Dark Eclipse, Blue Opal, Seamount, Accent Green Blue, Chateau Green, Black Sabbath, Dark Purple, Wicked Purple, Explorer of the Galaxies, Majestic Eggplant und Liberty in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #060628 auf #3E9E58 mit 5,86:1.

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

Farben im Detail

Mysterious Depths #060628

RGB: rgb(6, 6, 40)
HSL: hsl(240, 74%, 9%)
Luminanz: 0,003

Dark Eclipse #0B1B41

RGB: rgb(11, 27, 65)
HSL: hsl(222, 71%, 15%)
Luminanz: 0,012

Blue Opal #143F64

RGB: rgb(20, 63, 100)
HSL: hsl(208, 67%, 24%)
Luminanz: 0,046

Seamount #18676E

RGB: rgb(24, 103, 110)
HSL: hsl(185, 64%, 26%)
Luminanz: 0,110

Accent Green Blue #27886A

RGB: rgb(39, 136, 106)
HSL: hsl(161, 55%, 34%)
Luminanz: 0,191

Chateau Green #3E9E58

RGB: rgb(62, 158, 88)
HSL: hsl(136, 44%, 43%)
Luminanz: 0,262

Black Sabbath #230628

RGB: rgb(35, 6, 40)
HSL: hsl(291, 74%, 9%)
Luminanz: 0,006

Dark Purple #34093B

RGB: rgb(52, 9, 59)
HSL: hsl(292, 74%, 13%)
Luminanz: 0,012

Wicked Purple #3A1358

RGB: rgb(58, 19, 88)
HSL: hsl(274, 64%, 21%)
Luminanz: 0,021

Explorer of the Galaxies #412374

RGB: rgb(65, 35, 116)
HSL: hsl(262, 54%, 30%)
Luminanz: 0,036

Majestic Eggplant #473382

RGB: rgb(71, 51, 130)
HSL: hsl(255, 44%, 35%)
Luminanz: 0,053

Liberty #4D4697

RGB: rgb(77, 70, 151)
HSL: hsl(245, 37%, 43%)
Luminanz: 0,082

Kontrast & Barrierefreiheit

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

Aa #060628 auf #3E9E58 5,86:1 AA

Aa #3E9E58 auf #230628 5,53:1 AA

Aa #0B1B41 auf #3E9E58 5,00:1 AA

Aa #3E9E58 auf #34093B 5,00:1 AA

Aa #060628 auf #27886A 4,52:1 AA

Aa #3E9E58 auf #3A1358 4,41:1 AA (großer Text)

Aa #27886A auf #230628 4,27:1 AA (großer Text)

Aa #0B1B41 auf #27886A 3,86:1 AA (großer Text)

Aa #27886A auf #34093B 3,86:1 AA (großer Text)

Aa #3E9E58 auf #412374 3,63:1 AA (großer Text)

Aa #27886A auf #3A1358 3,41:1 AA (großer Text)

Aa #143F64 auf #3E9E58 3,24:1 AA (großer Text)

Aa #3E9E58 auf #473382 3,02:1 AA (großer Text)

Aa #060628 auf #18676E 3,01:1 AA (großer Text)

Aa #18676E auf #230628 2,84:1 Nicht bestanden

Aa #27886A auf #412374 2,80:1 Nicht bestanden

Aa #0B1B41 auf #18676E 2,57:1 Nicht bestanden

Aa #18676E auf #34093B 2,57:1 Nicht bestanden

Aa #143F64 auf #27886A 2,50:1 Nicht bestanden

Aa #060628 auf #4D4697 2,48:1 Nicht bestanden

Aa #3E9E58 auf #4D4697 2,36:1 Nicht bestanden

Aa #230628 auf #4D4697 2,34:1 Nicht bestanden

Aa #27886A auf #473382 2,33:1 Nicht bestanden

Aa #18676E auf #3A1358 2,27:1 Nicht bestanden

Aa #0B1B41 auf #4D4697 2,12:1 Nicht bestanden

Aa #34093B auf #4D4697 2,11:1 Nicht bestanden

Aa #18676E auf #3E9E58 1,95:1 Nicht bestanden

Aa #060628 auf #473382 1,94:1 Nicht bestanden

Aa #18676E auf #412374 1,87:1 Nicht bestanden

Aa #3A1358 auf #4D4697 1,87:1 Nicht bestanden

Aa #27886A auf #4D4697 1,83:1 Nicht bestanden

Aa #230628 auf #473382 1,83:1 Nicht bestanden

Aa #060628 auf #143F64 1,81:1 Nicht bestanden

Aa #143F64 auf #230628 1,71:1 Nicht bestanden

Aa #143F64 auf #18676E 1,66:1 Nicht bestanden

Aa #0B1B41 auf #473382 1,65:1 Nicht bestanden

Aa #34093B auf #473382 1,65:1 Nicht bestanden

Aa #060628 auf #412374 1,61:1 Nicht bestanden

Aa #18676E auf #473382 1,55:1 Nicht bestanden

Aa #0B1B41 auf #143F64 1,54:1 Nicht bestanden

Aa #143F64 auf #34093B 1,54:1 Nicht bestanden

Aa #412374 auf #4D4697 1,54:1 Nicht bestanden

Aa #230628 auf #412374 1,52:1 Nicht bestanden

Aa #18676E auf #27886A 1,50:1 Nicht bestanden

Aa #3A1358 auf #473382 1,46:1 Nicht bestanden

Aa #0B1B41 auf #412374 1,38:1 Nicht bestanden

Aa #34093B auf #412374 1,38:1 Nicht bestanden

Aa #143F64 auf #4D4697 1,37:1 Nicht bestanden

Aa #143F64 auf #3A1358 1,36:1 Nicht bestanden

Aa #060628 auf #3A1358 1,33:1 Nicht bestanden

Aa #27886A auf #3E9E58 1,29:1 Nicht bestanden

Aa #473382 auf #4D4697 1,28:1 Nicht bestanden

Aa #230628 auf #3A1358 1,25:1 Nicht bestanden

Aa #18676E auf #4D4697 1,21:1 Nicht bestanden

Aa #3A1358 auf #412374 1,21:1 Nicht bestanden

Aa #412374 auf #473382 1,20:1 Nicht bestanden

Aa #060628 auf #0B1B41 1,17:1 Nicht bestanden

Aa #060628 auf #34093B 1,17:1 Nicht bestanden

Aa #0B1B41 auf #3A1358 1,13:1 Nicht bestanden

Aa #34093B auf #3A1358 1,13:1 Nicht bestanden

Aa #143F64 auf #412374 1,12:1 Nicht bestanden

Aa #0B1B41 auf #230628 1,11:1 Nicht bestanden

Aa #230628 auf #34093B 1,11:1 Nicht bestanden

Aa #143F64 auf #473382 1,07:1 Nicht bestanden

Aa #060628 auf #230628 1,06:1 Nicht bestanden

Aa #0B1B41 auf #34093B 1,00:1 Nicht bestanden

POISON CLOUD

POISON CLOUD

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen