BIOHAZARD9

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

Zurück zur Bibliothek

BIOHAZARD9

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

Bearbeiten

Lebendig 9 Farben Kühl Gemischt Komplementär radioactive toxic ethanhunt ethanhunt404

Likes 27

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #EEFF99;
  --c-vibrant-2: #E0F76E;
  --c-vibrant-3: #63EB47;
  --c-vibrant-4: #26D980;
  --c-vibrant-5: #298FA3;
  --c-vibrant-6: #283576;
  --c-vibrant-7: #331F47;
  --c-vibrant-8: #E6B045;
  --c-vibrant-9: #D92640;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Metal Spark (#EEFF99) bis zum dunkelsten Ton Power Outage (#331F47). Sie vereint Metal Spark, Mystic Green, Miyazaki Verdant, Shivering Green, Scooter, Ballpoint Indigo, Power Outage, Mì Chéng Honey und Infrared Tang in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EEFF99 auf #331F47 mit 13,59:1.

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

Farben im Detail

Metal Spark #EEFF99

RGB: rgb(238, 255, 153)
HSL: hsl(70, 100%, 80%)
Luminanz: 0,920

Mystic Green #E0F76E

RGB: rgb(224, 247, 110)
HSL: hsl(70, 90%, 70%)
Luminanz: 0,835

Miyazaki Verdant #63EB47

RGB: rgb(99, 235, 71)
HSL: hsl(110, 80%, 60%)
Luminanz: 0,625

Shivering Green #26D980

RGB: rgb(38, 217, 128)
HSL: hsl(150, 70%, 50%)
Luminanz: 0,516

Scooter #298FA3

RGB: rgb(41, 143, 163)
HSL: hsl(190, 60%, 40%)
Luminanz: 0,228

Ballpoint Indigo #283576

RGB: rgb(40, 53, 118)
HSL: hsl(230, 49%, 31%)
Luminanz: 0,043

Power Outage #331F47

RGB: rgb(51, 31, 71)
HSL: hsl(270, 39%, 20%)
Luminanz: 0,021

Mì Chéng Honey #E6B045

RGB: rgb(230, 176, 69)
HSL: hsl(40, 76%, 59%)
Luminanz: 0,483

Infrared Tang #D92640

RGB: rgb(217, 38, 64)
HSL: hsl(351, 70%, 50%)
Luminanz: 0,165

Kontrast & Barrierefreiheit

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

Aa #EEFF99 auf #331F47 13,59:1 AAA

Aa #E0F76E auf #331F47 12,40:1 AAA

Aa #EEFF99 auf #283576 10,42:1 AAA

Aa #E0F76E auf #283576 9,51:1 AAA

Aa #63EB47 auf #331F47 9,46:1 AAA

Aa #26D980 auf #331F47 7,93:1 AAA

Aa #331F47 auf #E6B045 7,47:1 AAA

Aa #63EB47 auf #283576 7,26:1 AAA

Aa #26D980 auf #283576 6,08:1 AA

Aa #283576 auf #E6B045 5,73:1 AA

Aa #EEFF99 auf #D92640 4,51:1 AA

Aa #E0F76E auf #D92640 4,11:1 AA (großer Text)

Aa #298FA3 auf #331F47 3,89:1 AA (großer Text)

Aa #EEFF99 auf #298FA3 3,49:1 AA (großer Text)

Aa #E0F76E auf #298FA3 3,19:1 AA (großer Text)

Aa #63EB47 auf #D92640 3,14:1 AA (großer Text)

Aa #331F47 auf #D92640 3,01:1 AA (großer Text)

Aa #298FA3 auf #283576 2,98:1 Nicht bestanden

Aa #26D980 auf #D92640 2,63:1 Nicht bestanden

Aa #E6B045 auf #D92640 2,48:1 Nicht bestanden

Aa #63EB47 auf #298FA3 2,43:1 Nicht bestanden

Aa #283576 auf #D92640 2,31:1 Nicht bestanden

Aa #26D980 auf #298FA3 2,04:1 Nicht bestanden

Aa #298FA3 auf #E6B045 1,92:1 Nicht bestanden

Aa #EEFF99 auf #E6B045 1,82:1 Nicht bestanden

Aa #EEFF99 auf #26D980 1,71:1 Nicht bestanden

Aa #E0F76E auf #E6B045 1,66:1 Nicht bestanden

Aa #E0F76E auf #26D980 1,56:1 Nicht bestanden

Aa #EEFF99 auf #63EB47 1,44:1 Nicht bestanden

Aa #E0F76E auf #63EB47 1,31:1 Nicht bestanden

Aa #283576 auf #331F47 1,30:1 Nicht bestanden

Aa #298FA3 auf #D92640 1,29:1 Nicht bestanden

Aa #63EB47 auf #E6B045 1,27:1 Nicht bestanden

Aa #63EB47 auf #26D980 1,19:1 Nicht bestanden

Aa #EEFF99 auf #E0F76E 1,10:1 Nicht bestanden

Aa #26D980 auf #E6B045 1,06:1 Nicht bestanden

BIOHAZARD9

BIOHAZARD9

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen