Startseite Farbpaletten HK Between Essence

HK Between Essence

Palette mit 12 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

HK Between Essence

Palette mit 12 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Pastell 12 Farben Kühl Hell Komplementär green purple pastel cool

Likes 24

Farben 12

CSS-Variablen

:root {
  --c-pastel-1: #E4FBEA;
  --c-pastel-2: #CAF6F2;
  --c-pastel-3: #B9D3E8;
  --c-pastel-4: #C2B4D6;
  --c-pastel-5: #BD99B6;
  --c-pastel-6: #AE9EA9;
  --c-pastel-7: #94A887;
  --c-pastel-8: #89AE73;
  --c-pastel-9: #69AC94;
  --c-pastel-10: #55A5C9;
  --c-pastel-11: #5D72BA;
  --c-pastel-12: #794875;
}

Über diese Palette

Diese pastellfarbene Palette mit 12 Farben reicht vom hellsten Ton Winter Mist (#E4FBEA) bis zum dunkelsten Ton Purple Passion (#794875). Sie vereint Winter Mist, Tinted Ice, Light Sea Cliff, Plumeria, Dripping Wisteria, Symbolic, Zucchini Cream, Sage, Calmness, Estero Sky, Gladiola Blue und Purple Passion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E4FBEA auf #794875 mit 6,44:1.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Winter Mist #E4FBEA

RGB: rgb(228, 251, 234)
HSL: hsl(136, 74%, 94%)
Luminanz: 0,914

Tinted Ice #CAF6F2

RGB: rgb(202, 246, 242)
HSL: hsl(175, 71%, 88%)
Luminanz: 0,849

Light Sea Cliff #B9D3E8

RGB: rgb(185, 211, 232)
HSL: hsl(207, 51%, 82%)
Luminanz: 0,627

Plumeria #C2B4D6

RGB: rgb(194, 180, 214)
HSL: hsl(265, 29%, 77%)
Luminanz: 0,490

Dripping Wisteria #BD99B6

RGB: rgb(189, 153, 182)
HSL: hsl(312, 21%, 67%)
Luminanz: 0,370

Symbolic #AE9EA9

RGB: rgb(174, 158, 169)
HSL: hsl(319, 9%, 65%)
Luminanz: 0,363

Zucchini Cream #94A887

RGB: rgb(148, 168, 135)
HSL: hsl(96, 16%, 59%)
Luminanz: 0,361

Sage #89AE73

RGB: rgb(137, 174, 115)
HSL: hsl(98, 27%, 57%)
Luminanz: 0,368

Calmness #69AC94

RGB: rgb(105, 172, 148)
HSL: hsl(159, 29%, 54%)
Luminanz: 0,347

Estero Sky #55A5C9

RGB: rgb(85, 165, 201)
HSL: hsl(199, 52%, 56%)
Luminanz: 0,331

Gladiola Blue #5D72BA

RGB: rgb(93, 114, 186)
HSL: hsl(226, 40%, 55%)
Luminanz: 0,179

Purple Passion #794875

RGB: rgb(121, 72, 117)
HSL: hsl(305, 25%, 38%)
Luminanz: 0,100

Kontrast & Barrierefreiheit

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

Aa #E4FBEA auf #794875 6,44:1 AA

Aa #CAF6F2 auf #794875 6,00:1 AA

Aa #B9D3E8 auf #794875 4,52:1 AA

Aa #E4FBEA auf #5D72BA 4,21:1 AA (großer Text)

Aa #CAF6F2 auf #5D72BA 3,92:1 AA (großer Text)

Aa #C2B4D6 auf #794875 3,60:1 AA (großer Text)

Aa #B9D3E8 auf #5D72BA 2,96:1 Nicht bestanden

Aa #BD99B6 auf #794875 2,80:1 Nicht bestanden

Aa #89AE73 auf #794875 2,79:1 Nicht bestanden

Aa #AE9EA9 auf #794875 2,76:1 Nicht bestanden

Aa #94A887 auf #794875 2,74:1 Nicht bestanden

Aa #69AC94 auf #794875 2,65:1 Nicht bestanden

Aa #55A5C9 auf #794875 2,54:1 Nicht bestanden

Aa #E4FBEA auf #55A5C9 2,53:1 Nicht bestanden

Aa #E4FBEA auf #69AC94 2,43:1 Nicht bestanden

Aa #CAF6F2 auf #55A5C9 2,36:1 Nicht bestanden

Aa #C2B4D6 auf #5D72BA 2,36:1 Nicht bestanden

Aa #E4FBEA auf #94A887 2,35:1 Nicht bestanden

Aa #E4FBEA auf #AE9EA9 2,33:1 Nicht bestanden

Aa #E4FBEA auf #89AE73 2,31:1 Nicht bestanden

Aa #E4FBEA auf #BD99B6 2,30:1 Nicht bestanden

Aa #CAF6F2 auf #69AC94 2,27:1 Nicht bestanden

Aa #CAF6F2 auf #94A887 2,19:1 Nicht bestanden

Aa #CAF6F2 auf #AE9EA9 2,18:1 Nicht bestanden

Aa #CAF6F2 auf #89AE73 2,15:1 Nicht bestanden

Aa #CAF6F2 auf #BD99B6 2,14:1 Nicht bestanden

Aa #BD99B6 auf #5D72BA 1,83:1 Nicht bestanden

Aa #89AE73 auf #5D72BA 1,83:1 Nicht bestanden

Aa #AE9EA9 auf #5D72BA 1,80:1 Nicht bestanden

Aa #E4FBEA auf #C2B4D6 1,79:1 Nicht bestanden

Aa #94A887 auf #5D72BA 1,79:1 Nicht bestanden

Aa #B9D3E8 auf #55A5C9 1,78:1 Nicht bestanden

Aa #69AC94 auf #5D72BA 1,73:1 Nicht bestanden

Aa #B9D3E8 auf #69AC94 1,71:1 Nicht bestanden

Aa #CAF6F2 auf #C2B4D6 1,67:1 Nicht bestanden

Aa #55A5C9 auf #5D72BA 1,66:1 Nicht bestanden

Aa #B9D3E8 auf #94A887 1,65:1 Nicht bestanden

Aa #B9D3E8 auf #AE9EA9 1,64:1 Nicht bestanden

Aa #B9D3E8 auf #89AE73 1,62:1 Nicht bestanden

Aa #B9D3E8 auf #BD99B6 1,61:1 Nicht bestanden

Aa #5D72BA auf #794875 1,53:1 Nicht bestanden

Aa #E4FBEA auf #B9D3E8 1,42:1 Nicht bestanden

Aa #C2B4D6 auf #55A5C9 1,42:1 Nicht bestanden

Aa #C2B4D6 auf #69AC94 1,36:1 Nicht bestanden

Aa #CAF6F2 auf #B9D3E8 1,33:1 Nicht bestanden

Aa #C2B4D6 auf #AE9EA9 1,31:1 Nicht bestanden

Aa #C2B4D6 auf #94A887 1,31:1 Nicht bestanden

Aa #C2B4D6 auf #BD99B6 1,29:1 Nicht bestanden

Aa #C2B4D6 auf #89AE73 1,29:1 Nicht bestanden

Aa #B9D3E8 auf #C2B4D6 1,26:1 Nicht bestanden

Aa #BD99B6 auf #55A5C9 1,10:1 Nicht bestanden

Aa #89AE73 auf #55A5C9 1,10:1 Nicht bestanden

Aa #AE9EA9 auf #55A5C9 1,09:1 Nicht bestanden

Aa #94A887 auf #55A5C9 1,08:1 Nicht bestanden

Aa #E4FBEA auf #CAF6F2 1,07:1 Nicht bestanden

Aa #BD99B6 auf #69AC94 1,06:1 Nicht bestanden

Aa #89AE73 auf #69AC94 1,06:1 Nicht bestanden

Aa #AE9EA9 auf #69AC94 1,04:1 Nicht bestanden

Aa #94A887 auf #69AC94 1,04:1 Nicht bestanden

Aa #69AC94 auf #55A5C9 1,04:1 Nicht bestanden

Aa #BD99B6 auf #AE9EA9 1,02:1 Nicht bestanden

Aa #BD99B6 auf #94A887 1,02:1 Nicht bestanden

Aa #94A887 auf #89AE73 1,02:1 Nicht bestanden

Aa #AE9EA9 auf #94A887 1,01:1 Nicht bestanden

Aa #AE9EA9 auf #89AE73 1,01:1 Nicht bestanden

Aa #BD99B6 auf #89AE73 1,00:1 Nicht bestanden

HK Between Essence