Equinox 8

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

Zurück zur Bibliothek

Equinox 8

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

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär night moon day sun

Likes 48

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #0C0727;
  --c-vibrant-2: #2C1C82;
  --c-vibrant-3: #6D58E1;
  --c-vibrant-4: #D4CBFF;
  --c-vibrant-5: #491D14;
  --c-vibrant-6: #8F3B1D;
  --c-vibrant-7: #CB8232;
  --c-vibrant-8: #FFDE67;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Lemon Tart (#FFDE67) bis zum dunkelsten Ton Mysterious Depths (#0C0727). Sie vereint Mysterious Depths, Indiglow, Candy Grape Fizz, Innocent Snowdrop, Barbecue Sauce, Dusky Orange, Chinese Bronze und Lemon Tart in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0C0727 auf #FFDE67 mit 14,78:1.

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

Farben im Detail

Mysterious Depths #0C0727

RGB: rgb(12, 7, 39)
HSL: hsl(249, 70%, 9%)
Luminanz: 0,004

Indiglow #2C1C82

RGB: rgb(44, 28, 130)
HSL: hsl(249, 65%, 31%)
Luminanz: 0,030

Candy Grape Fizz #6D58E1

RGB: rgb(109, 88, 225)
HSL: hsl(249, 70%, 61%)
Luminanz: 0,157

Innocent Snowdrop #D4CBFF

RGB: rgb(212, 203, 255)
HSL: hsl(250, 100%, 90%)
Luminanz: 0,639

Barbecue Sauce #491D14

RGB: rgb(73, 29, 20)
HSL: hsl(10, 57%, 18%)
Luminanz: 0,024

Dusky Orange #8F3B1D

RGB: rgb(143, 59, 29)
HSL: hsl(16, 66%, 34%)
Luminanz: 0,091

Chinese Bronze #CB8232

RGB: rgb(203, 130, 50)
HSL: hsl(31, 60%, 50%)
Luminanz: 0,289

Lemon Tart #FFDE67

RGB: rgb(255, 222, 103)
HSL: hsl(47, 100%, 70%)
Luminanz: 0,745

Kontrast & Barrierefreiheit

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

Aa #0C0727 auf #FFDE67 14,78:1 AAA

Aa #0C0727 auf #D4CBFF 12,82:1 AAA

Aa #491D14 auf #FFDE67 10,82:1 AAA

Aa #2C1C82 auf #FFDE67 9,96:1 AAA

Aa #D4CBFF auf #491D14 9,38:1 AAA

Aa #2C1C82 auf #D4CBFF 8,64:1 AAA

Aa #0C0727 auf #CB8232 6,30:1 AA

Aa #8F3B1D auf #FFDE67 5,65:1 AA

Aa #D4CBFF auf #8F3B1D 4,90:1 AA

Aa #491D14 auf #CB8232 4,61:1 AA

Aa #2C1C82 auf #CB8232 4,25:1 AA (großer Text)

Aa #6D58E1 auf #FFDE67 3,85:1 AA (großer Text)

Aa #0C0727 auf #6D58E1 3,84:1 AA (großer Text)

Aa #6D58E1 auf #D4CBFF 3,34:1 AA (großer Text)

Aa #6D58E1 auf #491D14 2,81:1 Nicht bestanden

Aa #0C0727 auf #8F3B1D 2,61:1 Nicht bestanden

Aa #2C1C82 auf #6D58E1 2,59:1 Nicht bestanden

Aa #8F3B1D auf #CB8232 2,41:1 Nicht bestanden

Aa #CB8232 auf #FFDE67 2,35:1 Nicht bestanden

Aa #D4CBFF auf #CB8232 2,03:1 Nicht bestanden

Aa #491D14 auf #8F3B1D 1,91:1 Nicht bestanden

Aa #2C1C82 auf #8F3B1D 1,76:1 Nicht bestanden

Aa #6D58E1 auf #CB8232 1,64:1 Nicht bestanden

Aa #0C0727 auf #2C1C82 1,48:1 Nicht bestanden

Aa #6D58E1 auf #8F3B1D 1,47:1 Nicht bestanden

Aa #0C0727 auf #491D14 1,37:1 Nicht bestanden

Aa #D4CBFF auf #FFDE67 1,15:1 Nicht bestanden

Aa #2C1C82 auf #491D14 1,09:1 Nicht bestanden

Equinox 8

Equinox 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen