Corruption

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Corruption

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär gameboy saturated marchmadnesspalettecontest bold

Likes 24

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #D9EBEE;
  --c-vibrant-2: #D1CB22;
  --c-vibrant-3: #AC3939;
  --c-vibrant-4: #87006C;
  --c-vibrant-5: #330096;
  --c-vibrant-6: #1B0900;
  --c-vibrant-7: #2F25BA;
  --c-vibrant-8: #3D8900;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Frost Wind (#D9EBEE) bis zum dunkelsten Ton Soy Sauce (#1B0900). Sie vereint Frost Wind, Barberry Bush, Indiscreet, Grapest, Full Swing Indigo, Soy Sauce, Sapphire Splendour und Mughal Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D9EBEE auf #1B0900 mit 15,72:1.

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

Farben im Detail

Frost Wind #D9EBEE

RGB: rgb(217, 235, 238)
HSL: hsl(189, 38%, 89%)
Luminanz: 0,803

Barberry Bush #D1CB22

RGB: rgb(209, 203, 34)
HSL: hsl(58, 72%, 48%)
Luminanz: 0,564

Indiscreet #AC3939

RGB: rgb(172, 57, 57)
HSL: hsl(0, 50%, 45%)
Luminanz: 0,120

Grapest #87006C

RGB: rgb(135, 0, 108)
HSL: hsl(312, 100%, 26%)
Luminanz: 0,062

Full Swing Indigo #330096

RGB: rgb(51, 0, 150)
HSL: hsl(260, 100%, 29%)
Luminanz: 0,029

Soy Sauce #1B0900

RGB: rgb(27, 9, 0)
HSL: hsl(20, 100%, 5%)
Luminanz: 0,004

Sapphire Splendour #2F25BA

RGB: rgb(47, 37, 186)
HSL: hsl(244, 67%, 44%)
Luminanz: 0,055

Mughal Green #3D8900

RGB: rgb(61, 137, 0)
HSL: hsl(93, 100%, 27%)
Luminanz: 0,189

Kontrast & Barrierefreiheit

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

Aa #D9EBEE auf #1B0900 15,72:1 AAA

Aa #D1CB22 auf #1B0900 11,31:1 AAA

Aa #D9EBEE auf #330096 10,79:1 AAA

Aa #D9EBEE auf #2F25BA 8,15:1 AAA

Aa #D1CB22 auf #330096 7,76:1 AAA

Aa #D9EBEE auf #87006C 7,60:1 AAA

Aa #D1CB22 auf #2F25BA 5,86:1 AA

Aa #D1CB22 auf #87006C 5,46:1 AA

Aa #D9EBEE auf #AC3939 5,02:1 AA

Aa #1B0900 auf #3D8900 4,40:1 AA (großer Text)

Aa #D1CB22 auf #AC3939 3,61:1 AA (großer Text)

Aa #D9EBEE auf #3D8900 3,57:1 AA (großer Text)

Aa #AC3939 auf #1B0900 3,13:1 AA (großer Text)

Aa #330096 auf #3D8900 3,02:1 AA (großer Text)

Aa #D1CB22 auf #3D8900 2,57:1 Nicht bestanden

Aa #2F25BA auf #3D8900 2,28:1 Nicht bestanden

Aa #AC3939 auf #330096 2,15:1 Nicht bestanden

Aa #87006C auf #3D8900 2,13:1 Nicht bestanden

Aa #87006C auf #1B0900 2,07:1 Nicht bestanden

Aa #1B0900 auf #2F25BA 1,93:1 Nicht bestanden

Aa #AC3939 auf #2F25BA 1,62:1 Nicht bestanden

Aa #AC3939 auf #87006C 1,51:1 Nicht bestanden

Aa #330096 auf #1B0900 1,46:1 Nicht bestanden

Aa #87006C auf #330096 1,42:1 Nicht bestanden

Aa #AC3939 auf #3D8900 1,41:1 Nicht bestanden

Aa #D9EBEE auf #D1CB22 1,39:1 Nicht bestanden

Aa #330096 auf #2F25BA 1,32:1 Nicht bestanden

Aa #87006C auf #2F25BA 1,07:1 Nicht bestanden

Corruption

Corruption

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen