Tritaruzi

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

Zurück zur Bibliothek

Tritaruzi

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär green red tritanopia ruzikb

Likes 15

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #27000A;
  --c-vibrant-2: #7D057A;
  --c-vibrant-3: #E60D28;
  --c-vibrant-4: #F09CC7;
  --c-vibrant-5: #F2E1E6;
  --c-vibrant-6: #C7F37B;
  --c-vibrant-7: #3CCF0C;
  --c-vibrant-8: #017756;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Pink Proposal (#F2E1E6) bis zum dunkelsten Ton Belladonna (#27000A). Sie vereint Belladonna, Philippine Violet, Xiān Hóng Red, Be My Valentine, Pink Proposal, Cucumber Milk, Candy Green und Victoria Peak in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #27000A auf #F2E1E6 mit 15,3:1.

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

Farben im Detail

Belladonna #27000A

RGB: rgb(39, 0, 10)
HSL: hsl(345, 100%, 8%)
Luminanz: 0,005

Philippine Violet #7D057A

RGB: rgb(125, 5, 122)
HSL: hsl(302, 92%, 25%)
Luminanz: 0,059

Xiān Hóng Red #E60D28

RGB: rgb(230, 13, 40)
HSL: hsl(353, 89%, 48%)
Luminanz: 0,173

Be My Valentine #F09CC7

RGB: rgb(240, 156, 199)
HSL: hsl(329, 74%, 78%)
Luminanz: 0,464

Pink Proposal #F2E1E6

RGB: rgb(242, 225, 230)
HSL: hsl(342, 40%, 92%)
Luminanz: 0,784

Cucumber Milk #C7F37B

RGB: rgb(199, 243, 123)
HSL: hsl(82, 83%, 72%)
Luminanz: 0,777

Candy Green #3CCF0C

RGB: rgb(60, 207, 12)
HSL: hsl(105, 89%, 43%)
Luminanz: 0,456

Victoria Peak #017756

RGB: rgb(1, 119, 86)
HSL: hsl(163, 98%, 24%)
Luminanz: 0,139

Kontrast & Barrierefreiheit

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

Aa #27000A auf #F2E1E6 15,30:1 AAA

Aa #27000A auf #C7F37B 15,16:1 AAA

Aa #27000A auf #F09CC7 9,43:1 AAA

Aa #27000A auf #3CCF0C 9,28:1 AAA

Aa #7D057A auf #F2E1E6 7,67:1 AAA

Aa #7D057A auf #C7F37B 7,60:1 AAA

Aa #7D057A auf #F09CC7 4,73:1 AA

Aa #7D057A auf #3CCF0C 4,65:1 AA

Aa #F2E1E6 auf #017756 4,42:1 AA (großer Text)

Aa #C7F37B auf #017756 4,38:1 AA (großer Text)

Aa #27000A auf #E60D28 4,08:1 AA (großer Text)

Aa #E60D28 auf #F2E1E6 3,75:1 AA (großer Text)

Aa #E60D28 auf #C7F37B 3,71:1 AA (großer Text)

Aa #27000A auf #017756 3,46:1 AA (großer Text)

Aa #F09CC7 auf #017756 2,72:1 Nicht bestanden

Aa #3CCF0C auf #017756 2,68:1 Nicht bestanden

Aa #E60D28 auf #F09CC7 2,31:1 Nicht bestanden

Aa #E60D28 auf #3CCF0C 2,27:1 Nicht bestanden

Aa #7D057A auf #E60D28 2,05:1 Nicht bestanden

Aa #27000A auf #7D057A 1,99:1 Nicht bestanden

Aa #7D057A auf #017756 1,74:1 Nicht bestanden

Aa #F2E1E6 auf #3CCF0C 1,65:1 Nicht bestanden

Aa #C7F37B auf #3CCF0C 1,63:1 Nicht bestanden

Aa #F09CC7 auf #F2E1E6 1,62:1 Nicht bestanden

Aa #F09CC7 auf #C7F37B 1,61:1 Nicht bestanden

Aa #E60D28 auf #017756 1,18:1 Nicht bestanden

Aa #F09CC7 auf #3CCF0C 1,02:1 Nicht bestanden

Aa #F2E1E6 auf #C7F37B 1,01:1 Nicht bestanden

Tritaruzi

Tritaruzi

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen