Plastic6

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Plastic6

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Analog monoramp blue cyan 6

Likes 17

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #32395C;
  --c-muted-2: #5A697D;
  --c-muted-3: #769099;
  --c-muted-4: #98B2B1;
  --c-muted-5: #B9D2CA;
  --c-muted-6: #F0F2FE;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Boysenberry Shadow (#F0F2FE) bis zum dunkelsten Ton Very Blue (#32395C). Sie vereint Very Blue, Spinning Blue, Sheltered Bay, Smooth-Hound Shark, Sage Bundle und Boysenberry Shadow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #32395C auf #F0F2FE mit 10,04:1.

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

Farben im Detail

Very Blue #32395C

RGB: rgb(50, 57, 92)
HSL: hsl(230, 30%, 28%)
Luminanz: 0,044

Spinning Blue #5A697D

RGB: rgb(90, 105, 125)
HSL: hsl(214, 16%, 42%)
Luminanz: 0,138

Sheltered Bay #769099

RGB: rgb(118, 144, 153)
HSL: hsl(195, 15%, 53%)
Luminanz: 0,261

Smooth-Hound Shark #98B2B1

RGB: rgb(152, 178, 177)
HSL: hsl(178, 14%, 65%)
Luminanz: 0,417

Sage Bundle #B9D2CA

RGB: rgb(185, 210, 202)
HSL: hsl(161, 22%, 77%)
Luminanz: 0,607

Boysenberry Shadow #F0F2FE

RGB: rgb(240, 242, 254)
HSL: hsl(231, 88%, 97%)
Luminanz: 0,892

Kontrast & Barrierefreiheit

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

Aa #32395C auf #F0F2FE 10,04:1 AAA

Aa #32395C auf #B9D2CA 7,00:1 AAA

Aa #5A697D auf #F0F2FE 5,02:1 AA

Aa #32395C auf #98B2B1 4,98:1 AA

Aa #5A697D auf #B9D2CA 3,50:1 AA (großer Text)

Aa #32395C auf #769099 3,32:1 AA (großer Text)

Aa #769099 auf #F0F2FE 3,03:1 AA (großer Text)

Aa #5A697D auf #98B2B1 2,49:1 Nicht bestanden

Aa #769099 auf #B9D2CA 2,11:1 Nicht bestanden

Aa #98B2B1 auf #F0F2FE 2,02:1 Nicht bestanden

Aa #32395C auf #5A697D 2,00:1 Nicht bestanden

Aa #5A697D auf #769099 1,66:1 Nicht bestanden

Aa #769099 auf #98B2B1 1,50:1 Nicht bestanden

Aa #B9D2CA auf #F0F2FE 1,43:1 Nicht bestanden

Aa #98B2B1 auf #B9D2CA 1,41:1 Nicht bestanden

Plastic6

Plastic6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen