Cmykool

Palette mit 9 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Cmykool

Palette mit 9 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 9 Farben Neutral Gemischt Komplementär saturated bright cmyk

Likes 54

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #8614A6;
  --c-vibrant-2: #CC107E;
  --c-vibrant-3: #D941D4;
  --c-vibrant-4: #5BBCFC;
  --c-vibrant-5: #A1F1FF;
  --c-vibrant-6: #FFFFFF;
  --c-vibrant-7: #EEFF2E;
  --c-vibrant-8: #4C0E82;
  --c-vibrant-9: #0E0730;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Cosmic Void (#0E0730). Sie vereint Minesweeper’s Purple, Crazy Ex, Leo Royal Fuchsia, Hello Summer, Waterspout, White, Pickled Pineapple, Indigo Girls und Cosmic Void in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #0E0730 mit 19,24:1.

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

Farben im Detail

Minesweeper’s Purple #8614A6

RGB: rgb(134, 20, 166)
HSL: hsl(287, 78%, 36%)
Luminanz: 0,083

Crazy Ex #CC107E

RGB: rgb(204, 16, 126)
HSL: hsl(325, 85%, 43%)
Luminanz: 0,147

Leo Royal Fuchsia #D941D4

RGB: rgb(217, 65, 212)
HSL: hsl(302, 67%, 55%)
Luminanz: 0,233

Hello Summer #5BBCFC

RGB: rgb(91, 188, 252)
HSL: hsl(204, 96%, 67%)
Luminanz: 0,452

Waterspout #A1F1FF

RGB: rgb(161, 241, 255)
HSL: hsl(189, 100%, 82%)
Luminanz: 0,777

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Pickled Pineapple #EEFF2E

RGB: rgb(238, 255, 46)
HSL: hsl(65, 100%, 59%)
Luminanz: 0,899

Indigo Girls #4C0E82

RGB: rgb(76, 14, 130)
HSL: hsl(272, 81%, 28%)
Luminanz: 0,035

Cosmic Void #0E0730

RGB: rgb(14, 7, 48)
HSL: hsl(250, 75%, 11%)
Luminanz: 0,005

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #0E0730 19,24:1 AAA

Aa #EEFF2E auf #0E0730 17,38:1 AAA

Aa #A1F1FF auf #0E0730 15,15:1 AAA

Aa #FFFFFF auf #4C0E82 12,41:1 AAA

Aa #EEFF2E auf #4C0E82 11,21:1 AAA

Aa #A1F1FF auf #4C0E82 9,77:1 AAA

Aa #5BBCFC auf #0E0730 9,20:1 AAA

Aa #8614A6 auf #FFFFFF 7,88:1 AAA

Aa #8614A6 auf #EEFF2E 7,12:1 AAA

Aa #8614A6 auf #A1F1FF 6,21:1 AA

Aa #5BBCFC auf #4C0E82 5,93:1 AA

Aa #CC107E auf #FFFFFF 5,33:1 AA

Aa #D941D4 auf #0E0730 5,18:1 AA

Aa #CC107E auf #EEFF2E 4,81:1 AA

Aa #CC107E auf #A1F1FF 4,20:1 AA (großer Text)

Aa #8614A6 auf #5BBCFC 3,77:1 AA (großer Text)

Aa #D941D4 auf #FFFFFF 3,71:1 AA (großer Text)

Aa #CC107E auf #0E0730 3,61:1 AA (großer Text)

Aa #D941D4 auf #EEFF2E 3,35:1 AA (großer Text)

Aa #D941D4 auf #4C0E82 3,34:1 AA (großer Text)

Aa #D941D4 auf #A1F1FF 2,92:1 Nicht bestanden

Aa #CC107E auf #5BBCFC 2,55:1 Nicht bestanden

Aa #8614A6 auf #0E0730 2,44:1 Nicht bestanden

Aa #CC107E auf #4C0E82 2,33:1 Nicht bestanden

Aa #8614A6 auf #D941D4 2,12:1 Nicht bestanden

Aa #5BBCFC auf #FFFFFF 2,09:1 Nicht bestanden

Aa #5BBCFC auf #EEFF2E 1,89:1 Nicht bestanden

Aa #D941D4 auf #5BBCFC 1,78:1 Nicht bestanden

Aa #5BBCFC auf #A1F1FF 1,65:1 Nicht bestanden

Aa #8614A6 auf #4C0E82 1,57:1 Nicht bestanden

Aa #4C0E82 auf #0E0730 1,55:1 Nicht bestanden

Aa #8614A6 auf #CC107E 1,48:1 Nicht bestanden

Aa #CC107E auf #D941D4 1,43:1 Nicht bestanden

Aa #A1F1FF auf #FFFFFF 1,27:1 Nicht bestanden

Aa #A1F1FF auf #EEFF2E 1,15:1 Nicht bestanden

Aa #FFFFFF auf #EEFF2E 1,11:1 Nicht bestanden

Cmykool

Cmykool

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen