Deuteraruzi

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

Zurück zur Bibliothek

Deuteraruzi

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

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Komplementär blue yellow deuteranopia ruzikb

Likes 22

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #010027;
  --c-vibrant-2: #2F057D;
  --c-vibrant-3: #0D1BE6;
  --c-vibrant-4: #7B9AF3;
  --c-vibrant-5: #F1F2E1;
  --c-vibrant-6: #EDF37B;
  --c-vibrant-7: #E6BC0D;
  --c-vibrant-8: #A06B1F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Storksbill White (#F1F2E1) bis zum dunkelsten Ton Hadopelagic Water (#010027). Sie vereint Hadopelagic Water, Galactic Federation, Blue Overdose, Periwinkle Blue, Storksbill White, Sunny, Gold Ore und Cinnamon Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #010027 auf #F1F2E1 mit 17,98:1.

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

Farben im Detail

Hadopelagic Water #010027

RGB: rgb(1, 0, 39)
HSL: hsl(242, 100%, 8%)
Luminanz: 0,002

Galactic Federation #2F057D

RGB: rgb(47, 5, 125)
HSL: hsl(261, 92%, 25%)
Luminanz: 0,022

Blue Overdose #0D1BE6

RGB: rgb(13, 27, 230)
HSL: hsl(236, 89%, 48%)
Luminanz: 0,066

Periwinkle Blue #7B9AF3

RGB: rgb(123, 154, 243)
HSL: hsl(225, 83%, 72%)
Luminanz: 0,338

Storksbill White #F1F2E1

RGB: rgb(241, 242, 225)
HSL: hsl(64, 40%, 92%)
Luminanz: 0,876

Sunny #EDF37B

RGB: rgb(237, 243, 123)
HSL: hsl(63, 83%, 72%)
Luminanz: 0,835

Gold Ore #E6BC0D

RGB: rgb(230, 188, 13)
HSL: hsl(48, 89%, 48%)
Luminanz: 0,528

Cinnamon Brown #A06B1F

RGB: rgb(160, 107, 31)
HSL: hsl(35, 68%, 37%)
Luminanz: 0,181

Kontrast & Barrierefreiheit

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

Aa #010027 auf #F1F2E1 17,98:1 AAA

Aa #010027 auf #EDF37B 17,18:1 AAA

Aa #2F057D auf #F1F2E1 12,88:1 AAA

Aa #2F057D auf #EDF37B 12,31:1 AAA

Aa #010027 auf #E6BC0D 11,22:1 AAA

Aa #2F057D auf #E6BC0D 8,04:1 AAA

Aa #0D1BE6 auf #F1F2E1 8,00:1 AAA

Aa #0D1BE6 auf #EDF37B 7,64:1 AAA

Aa #010027 auf #7B9AF3 7,53:1 AAA

Aa #2F057D auf #7B9AF3 5,39:1 AA

Aa #0D1BE6 auf #E6BC0D 4,99:1 AA

Aa #010027 auf #A06B1F 4,48:1 AA (großer Text)

Aa #F1F2E1 auf #A06B1F 4,01:1 AA (großer Text)

Aa #EDF37B auf #A06B1F 3,83:1 AA (großer Text)

Aa #0D1BE6 auf #7B9AF3 3,35:1 AA (großer Text)

Aa #2F057D auf #A06B1F 3,21:1 AA (großer Text)

Aa #E6BC0D auf #A06B1F 2,50:1 Nicht bestanden

Aa #7B9AF3 auf #F1F2E1 2,39:1 Nicht bestanden

Aa #7B9AF3 auf #EDF37B 2,28:1 Nicht bestanden

Aa #010027 auf #0D1BE6 2,25:1 Nicht bestanden

Aa #0D1BE6 auf #A06B1F 1,99:1 Nicht bestanden

Aa #7B9AF3 auf #A06B1F 1,68:1 Nicht bestanden

Aa #2F057D auf #0D1BE6 1,61:1 Nicht bestanden

Aa #F1F2E1 auf #E6BC0D 1,60:1 Nicht bestanden

Aa #EDF37B auf #E6BC0D 1,53:1 Nicht bestanden

Aa #7B9AF3 auf #E6BC0D 1,49:1 Nicht bestanden

Aa #010027 auf #2F057D 1,40:1 Nicht bestanden

Aa #F1F2E1 auf #EDF37B 1,05:1 Nicht bestanden

Deuteraruzi

Deuteraruzi

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen