Washed Over8

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

Zurück zur Bibliothek

Washed Over8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär

Likes 17

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #110022;
  --c-vibrant-2: #887766;
  --c-vibrant-3: #FFFFDD;
  --c-vibrant-4: #883333;
  --c-vibrant-5: #FFDD88;
  --c-vibrant-6: #44BB66;
  --c-vibrant-7: #446699;
  --c-vibrant-8: #552277;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Parmesan (#FFFFDD) bis zum dunkelsten Ton Space Grey (#110022). Sie vereint Space Grey, Sage Green, Parmesan, Planet of the Apes, Broiled Flounder, Samphire Green, Mariner und Violethargic 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 #110022 auf #FFFFDD mit 19,68:1.

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

Farben im Detail

Space Grey #110022

RGB: rgb(17, 0, 34)
HSL: hsl(270, 100%, 7%)
Luminanz: 0,002

Sage Green #887766

RGB: rgb(136, 119, 102)
HSL: hsl(30, 14%, 47%)
Luminanz: 0,194

Parmesan #FFFFDD

RGB: rgb(255, 255, 221)
HSL: hsl(60, 100%, 93%)
Luminanz: 0,980

Planet of the Apes #883333

RGB: rgb(136, 51, 51)
HSL: hsl(0, 45%, 37%)
Luminanz: 0,078

Broiled Flounder #FFDD88

RGB: rgb(255, 221, 136)
HSL: hsl(43, 100%, 77%)
Luminanz: 0,748

Samphire Green #44BB66

RGB: rgb(68, 187, 102)
HSL: hsl(137, 47%, 50%)
Luminanz: 0,377

Mariner #446699

RGB: rgb(68, 102, 153)
HSL: hsl(216, 38%, 43%)
Luminanz: 0,130

Violethargic #552277

RGB: rgb(85, 34, 119)
HSL: hsl(276, 56%, 30%)
Luminanz: 0,044

Kontrast & Barrierefreiheit

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

Aa #110022 auf #FFFFDD 19,68:1 AAA

Aa #110022 auf #FFDD88 15,24:1 AAA

Aa #FFFFDD auf #552277 10,95:1 AAA

Aa #FFDD88 auf #552277 8,48:1 AAA

Aa #110022 auf #44BB66 8,16:1 AAA

Aa #FFFFDD auf #883333 8,02:1 AAA

Aa #883333 auf #FFDD88 6,21:1 AA

Aa #FFFFDD auf #446699 5,71:1 AA

Aa #110022 auf #887766 4,66:1 AA

Aa #44BB66 auf #552277 4,54:1 AA

Aa #FFDD88 auf #446699 4,42:1 AA (großer Text)

Aa #887766 auf #FFFFDD 4,22:1 AA (großer Text)

Aa #110022 auf #446699 3,44:1 AA (großer Text)

Aa #883333 auf #44BB66 3,33:1 AA (großer Text)

Aa #887766 auf #FFDD88 3,27:1 AA (großer Text)

Aa #887766 auf #552277 2,59:1 Nicht bestanden

Aa #110022 auf #883333 2,45:1 Nicht bestanden

Aa #FFFFDD auf #44BB66 2,41:1 Nicht bestanden

Aa #44BB66 auf #446699 2,37:1 Nicht bestanden

Aa #446699 auf #552277 1,92:1 Nicht bestanden

Aa #887766 auf #883333 1,90:1 Nicht bestanden

Aa #FFDD88 auf #44BB66 1,87:1 Nicht bestanden

Aa #110022 auf #552277 1,80:1 Nicht bestanden

Aa #887766 auf #44BB66 1,75:1 Nicht bestanden

Aa #883333 auf #446699 1,40:1 Nicht bestanden

Aa #883333 auf #552277 1,37:1 Nicht bestanden

Aa #887766 auf #446699 1,35:1 Nicht bestanden

Aa #FFFFDD auf #FFDD88 1,29:1 Nicht bestanden

Washed Over8

Washed Over8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen