Liberty

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Liberty

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 6 Farben Warm Gemischt Triadisch green red blue 6

Likes 34

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #F9F2FF;
  --c-muted-2: #B2BDC5;
  --c-muted-3: #6E9091;
  --c-muted-4: #6A5757;
  --c-muted-5: #4E2B28;
  --c-muted-6: #101C15;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Sugar Crystal (#F9F2FF) bis zum dunkelsten Ton Black Stallion (#101C15). Sie vereint Sugar Crystal, Soothing Breeze, Mineral Blue, Plum Truffle, Rookwood Dark Red und Black Stallion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F9F2FF auf #101C15 mit 15,99:1.

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

Farben im Detail

Sugar Crystal #F9F2FF

RGB: rgb(249, 242, 255)
HSL: hsl(272, 100%, 97%)
Luminanz: 0,909

Soothing Breeze #B2BDC5

RGB: rgb(178, 189, 197)
HSL: hsl(205, 14%, 74%)
Luminanz: 0,499

Mineral Blue #6E9091

RGB: rgb(110, 144, 145)
HSL: hsl(182, 14%, 50%)
Luminanz: 0,253

Plum Truffle #6A5757

RGB: rgb(106, 87, 87)
HSL: hsl(0, 10%, 38%)
Luminanz: 0,106

Rookwood Dark Red #4E2B28

RGB: rgb(78, 43, 40)
HSL: hsl(5, 32%, 23%)
Luminanz: 0,035

Black Stallion #101C15

RGB: rgb(16, 28, 21)
HSL: hsl(145, 27%, 9%)
Luminanz: 0,010

Kontrast & Barrierefreiheit

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

Aa #F9F2FF auf #101C15 15,99:1 AAA

Aa #F9F2FF auf #4E2B28 11,28:1 AAA

Aa #B2BDC5 auf #101C15 9,16:1 AAA

Aa #B2BDC5 auf #4E2B28 6,46:1 AA

Aa #F9F2FF auf #6A5757 6,16:1 AA

Aa #6E9091 auf #101C15 5,06:1 AA

Aa #6E9091 auf #4E2B28 3,57:1 AA (großer Text)

Aa #B2BDC5 auf #6A5757 3,53:1 AA (großer Text)

Aa #F9F2FF auf #6E9091 3,16:1 AA (großer Text)

Aa #6A5757 auf #101C15 2,60:1 Nicht bestanden

Aa #6E9091 auf #6A5757 1,95:1 Nicht bestanden

Aa #6A5757 auf #4E2B28 1,83:1 Nicht bestanden

Aa #B2BDC5 auf #6E9091 1,81:1 Nicht bestanden

Aa #F9F2FF auf #B2BDC5 1,75:1 Nicht bestanden

Aa #4E2B28 auf #101C15 1,42:1 Nicht bestanden

Liberty

Liberty

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen