Startseite Farbpaletten Bus Seat Patterns

Bus Seat Patterns

Palette mit 9 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Bus Seat Patterns

Palette mit 9 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 9 Farben Kühl Gemischt Komplementär pixelart pink blue yellow

Likes 27

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #84BBC0;
  --c-muted-2: #305AB1;
  --c-muted-3: #1E1B1E;
  --c-muted-4: #35334B;
  --c-muted-5: #919191;
  --c-muted-6: #C8C8C8;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #EBCD63;
  --c-muted-9: #DF5AB1;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Dynamic Black (#1E1B1E). Sie vereint Misty Cold Sea, Blasphemous Blue, Dynamic Black, Chrysomela Goettingensis, Tin, Brushed Metal, White, Grand Casino Gold und Orion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E1B1E auf #FFFFFF mit 17,06:1.

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

Farben im Detail

Misty Cold Sea #84BBC0

RGB: rgb(132, 187, 192)
HSL: hsl(185, 32%, 64%)
Luminanz: 0,443

Blasphemous Blue #305AB1

RGB: rgb(48, 90, 177)
HSL: hsl(220, 57%, 44%)
Luminanz: 0,111

Dynamic Black #1E1B1E

RGB: rgb(30, 27, 30)
HSL: hsl(300, 5%, 11%)
Luminanz: 0,012

Chrysomela Goettingensis #35334B

RGB: rgb(53, 51, 75)
HSL: hsl(245, 19%, 25%)
Luminanz: 0,036

Tin #919191

RGB: rgb(145, 145, 145)
HSL: hsl(0, 0%, 57%)
Luminanz: 0,283

Brushed Metal #C8C8C8

RGB: rgb(200, 200, 200)
HSL: hsl(0, 0%, 78%)
Luminanz: 0,578

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Grand Casino Gold #EBCD63

RGB: rgb(235, 205, 99)
HSL: hsl(47, 77%, 65%)
Luminanz: 0,622

Orion #DF5AB1

RGB: rgb(223, 90, 177)
HSL: hsl(321, 68%, 61%)
Luminanz: 0,262

Kontrast & Barrierefreiheit

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

Aa #1E1B1E auf #FFFFFF 17,06:1 AAA

Aa #35334B auf #FFFFFF 12,16:1 AAA

Aa #1E1B1E auf #EBCD63 10,92:1 AAA

Aa #1E1B1E auf #C8C8C8 10,20:1 AAA

Aa #84BBC0 auf #1E1B1E 8,00:1 AAA

Aa #35334B auf #EBCD63 7,79:1 AAA

Aa #35334B auf #C8C8C8 7,27:1 AAA

Aa #305AB1 auf #FFFFFF 6,52:1 AA

Aa #84BBC0 auf #35334B 5,71:1 AA

Aa #1E1B1E auf #919191 5,41:1 AA

Aa #1E1B1E auf #DF5AB1 5,07:1 AA

Aa #305AB1 auf #EBCD63 4,17:1 AA (großer Text)

Aa #305AB1 auf #C8C8C8 3,89:1 AA (großer Text)

Aa #35334B auf #919191 3,86:1 AA (großer Text)

Aa #35334B auf #DF5AB1 3,61:1 AA (großer Text)

Aa #FFFFFF auf #DF5AB1 3,37:1 AA (großer Text)

Aa #919191 auf #FFFFFF 3,15:1 AA (großer Text)

Aa #84BBC0 auf #305AB1 3,06:1 AA (großer Text)

Aa #305AB1 auf #1E1B1E 2,62:1 Nicht bestanden

Aa #EBCD63 auf #DF5AB1 2,16:1 Nicht bestanden

Aa #84BBC0 auf #FFFFFF 2,13:1 Nicht bestanden

Aa #305AB1 auf #919191 2,07:1 Nicht bestanden

Aa #919191 auf #EBCD63 2,02:1 Nicht bestanden

Aa #C8C8C8 auf #DF5AB1 2,01:1 Nicht bestanden

Aa #305AB1 auf #DF5AB1 1,93:1 Nicht bestanden

Aa #919191 auf #C8C8C8 1,88:1 Nicht bestanden

Aa #305AB1 auf #35334B 1,87:1 Nicht bestanden

Aa #C8C8C8 auf #FFFFFF 1,67:1 Nicht bestanden

Aa #84BBC0 auf #DF5AB1 1,58:1 Nicht bestanden

Aa #FFFFFF auf #EBCD63 1,56:1 Nicht bestanden

Aa #84BBC0 auf #919191 1,48:1 Nicht bestanden

Aa #1E1B1E auf #35334B 1,40:1 Nicht bestanden

Aa #84BBC0 auf #EBCD63 1,36:1 Nicht bestanden

Aa #84BBC0 auf #C8C8C8 1,27:1 Nicht bestanden

Aa #919191 auf #DF5AB1 1,07:1 Nicht bestanden

Aa #C8C8C8 auf #EBCD63 1,07:1 Nicht bestanden

Bus Seat Patterns