Startseite Farbpaletten HK Pillbug Beach Party

HK Pillbug Beach Party

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

Zurück zur Bibliothek

HK Pillbug Beach Party

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

Bearbeiten

Gedeckt 10 Farben Kühl Gemischt Analog gray blue cool cold

Likes 43

Farben 10

CSS-Variablen

:root {
  --c-muted-1: #050C36;
  --c-muted-2: #202D53;
  --c-muted-3: #41567E;
  --c-muted-4: #5A617C;
  --c-muted-5: #7A98B2;
  --c-muted-6: #98B3B9;
  --c-muted-7: #AD9FAC;
  --c-muted-8: #878DA5;
  --c-muted-9: #4F556A;
  --c-muted-10: #282B37;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Mohair Soft Blue Grey (#98B3B9) bis zum dunkelsten Ton Infinite Night (#050C36). Sie vereint Infinite Night, Pico Void, Sailor, Strong Iris, Dyer’s Woad, Mohair Soft Blue Grey, Symbolic, Violet Verbena, Heavy Violet und Mangu Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #050C36 auf #98B3B9 mit 8,53:1.

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

Farben im Detail

Infinite Night #050C36

RGB: rgb(5, 12, 54)
HSL: hsl(231, 83%, 12%)
Luminanz: 0,006

Pico Void #202D53

RGB: rgb(32, 45, 83)
HSL: hsl(225, 44%, 23%)
Luminanz: 0,028

Sailor #41567E

RGB: rgb(65, 86, 126)
HSL: hsl(219, 32%, 37%)
Luminanz: 0,093

Strong Iris #5A617C

RGB: rgb(90, 97, 124)
HSL: hsl(228, 16%, 42%)
Luminanz: 0,122

Dyer’s Woad #7A98B2

RGB: rgb(122, 152, 178)
HSL: hsl(208, 27%, 59%)
Luminanz: 0,298

Mohair Soft Blue Grey #98B3B9

RGB: rgb(152, 179, 185)
HSL: hsl(191, 19%, 66%)
Luminanz: 0,424

Symbolic #AD9FAC

RGB: rgb(173, 159, 172)
HSL: hsl(304, 8%, 65%)
Luminanz: 0,367

Violet Verbena #878DA5

RGB: rgb(135, 141, 165)
HSL: hsl(228, 14%, 59%)
Luminanz: 0,269

Heavy Violet #4F556A

RGB: rgb(79, 85, 106)
HSL: hsl(227, 15%, 36%)
Luminanz: 0,092

Mangu Black #282B37

RGB: rgb(40, 43, 55)
HSL: hsl(228, 16%, 19%)
Luminanz: 0,025

Kontrast & Barrierefreiheit

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

Aa #050C36 auf #98B3B9 8,53:1 AAA

Aa #050C36 auf #AD9FAC 7,49:1 AAA

Aa #98B3B9 auf #282B37 6,36:1 AA

Aa #050C36 auf #7A98B2 6,26:1 AA

Aa #202D53 auf #98B3B9 6,07:1 AA

Aa #050C36 auf #878DA5 5,74:1 AA

Aa #AD9FAC auf #282B37 5,59:1 AA

Aa #202D53 auf #AD9FAC 5,34:1 AA

Aa #7A98B2 auf #282B37 4,67:1 AA

Aa #202D53 auf #7A98B2 4,46:1 AA (großer Text)

Aa #878DA5 auf #282B37 4,28:1 AA (großer Text)

Aa #202D53 auf #878DA5 4,09:1 AA (großer Text)

Aa #98B3B9 auf #4F556A 3,34:1 AA (großer Text)

Aa #41567E auf #98B3B9 3,32:1 AA (großer Text)

Aa #050C36 auf #5A617C 3,09:1 AA (großer Text)

Aa #AD9FAC auf #4F556A 2,93:1 Nicht bestanden

Aa #41567E auf #AD9FAC 2,92:1 Nicht bestanden

Aa #5A617C auf #98B3B9 2,76:1 Nicht bestanden

Aa #050C36 auf #41567E 2,57:1 Nicht bestanden

Aa #050C36 auf #4F556A 2,55:1 Nicht bestanden

Aa #7A98B2 auf #4F556A 2,45:1 Nicht bestanden

Aa #41567E auf #7A98B2 2,44:1 Nicht bestanden

Aa #5A617C auf #AD9FAC 2,43:1 Nicht bestanden

Aa #5A617C auf #282B37 2,30:1 Nicht bestanden

Aa #878DA5 auf #4F556A 2,25:1 Nicht bestanden

Aa #41567E auf #878DA5 2,23:1 Nicht bestanden

Aa #202D53 auf #5A617C 2,20:1 Nicht bestanden

Aa #5A617C auf #7A98B2 2,03:1 Nicht bestanden

Aa #41567E auf #282B37 1,92:1 Nicht bestanden

Aa #4F556A auf #282B37 1,90:1 Nicht bestanden

Aa #5A617C auf #878DA5 1,86:1 Nicht bestanden

Aa #202D53 auf #41567E 1,83:1 Nicht bestanden

Aa #202D53 auf #4F556A 1,82:1 Nicht bestanden

Aa #98B3B9 auf #878DA5 1,49:1 Nicht bestanden

Aa #050C36 auf #202D53 1,40:1 Nicht bestanden

Aa #7A98B2 auf #98B3B9 1,36:1 Nicht bestanden

Aa #050C36 auf #282B37 1,34:1 Nicht bestanden

Aa #AD9FAC auf #878DA5 1,31:1 Nicht bestanden

Aa #5A617C auf #4F556A 1,21:1 Nicht bestanden

Aa #41567E auf #5A617C 1,20:1 Nicht bestanden

Aa #7A98B2 auf #AD9FAC 1,20:1 Nicht bestanden

Aa #98B3B9 auf #AD9FAC 1,14:1 Nicht bestanden

Aa #7A98B2 auf #878DA5 1,09:1 Nicht bestanden

Aa #202D53 auf #282B37 1,05:1 Nicht bestanden

Aa #41567E auf #4F556A 1,01:1 Nicht bestanden

HK Pillbug Beach Party