Startseite Farbpaletten Couleurs De Bebe

Couleurs De Bebe

Palette mit 9 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Couleurs De Bebe

Palette mit 9 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Pastell 9 Farben Warm Hell Komplementär light

Likes 17

Farben 9

CSS-Variablen

:root {
  --c-pastel-1: #E9E0E0;
  --c-pastel-2: #FF94F9;
  --c-pastel-3: #F9FF94;
  --c-pastel-4: #94F9FF;
  --c-pastel-5: #94FF94;
  --c-pastel-6: #9494FF;
  --c-pastel-7: #FF9494;
  --c-pastel-8: #E894FF;
  --c-pastel-9: #AAFFC3;
}

Über diese Palette

Diese pastellfarbene Palette mit 9 Farben reicht vom hellsten Ton Pastel Yellow (#F9FF94) bis zum dunkelsten Ton Cobalite (#9494FF). Sie vereint Milk and Cookies, Pinkalicious, Pastel Yellow, Eternal Winter, Cobalt Green, Cobalite, Cherished One, Party Pig und Neo Mint in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 36 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Milk and Cookies #E9E0E0

RGB: rgb(233, 224, 224)
HSL: hsl(0, 17%, 90%)
Luminanz: 0,760

Pinkalicious #FF94F9

RGB: rgb(255, 148, 249)
HSL: hsl(303, 100%, 79%)
Luminanz: 0,493

Pastel Yellow #F9FF94

RGB: rgb(249, 255, 148)
HSL: hsl(63, 100%, 79%)
Luminanz: 0,938

Eternal Winter #94F9FF

RGB: rgb(148, 249, 255)
HSL: hsl(183, 100%, 79%)
Luminanz: 0,813

Cobalt Green #94FF94

RGB: rgb(148, 255, 148)
HSL: hsl(120, 100%, 79%)
Luminanz: 0,800

Cobalite #9494FF

RGB: rgb(148, 148, 255)
HSL: hsl(240, 100%, 79%)
Luminanz: 0,347

Cherished One #FF9494

RGB: rgb(255, 148, 148)
HSL: hsl(0, 100%, 79%)
Luminanz: 0,446

Party Pig #E894FF

RGB: rgb(232, 148, 255)
HSL: hsl(287, 100%, 79%)
Luminanz: 0,456

Neo Mint #AAFFC3

RGB: rgb(170, 255, 195)
HSL: hsl(138, 100%, 83%)
Luminanz: 0,840

Kontrast & Barrierefreiheit

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

Aa #F9FF94 auf #9494FF 2,49:1 Nicht bestanden

Aa #9494FF auf #AAFFC3 2,24:1 Nicht bestanden

Aa #94F9FF auf #9494FF 2,17:1 Nicht bestanden

Aa #94FF94 auf #9494FF 2,14:1 Nicht bestanden

Aa #E9E0E0 auf #9494FF 2,04:1 Nicht bestanden

Aa #F9FF94 auf #FF9494 1,99:1 Nicht bestanden

Aa #F9FF94 auf #E894FF 1,95:1 Nicht bestanden

Aa #FF94F9 auf #F9FF94 1,82:1 Nicht bestanden

Aa #FF9494 auf #AAFFC3 1,80:1 Nicht bestanden

Aa #E894FF auf #AAFFC3 1,76:1 Nicht bestanden

Aa #94F9FF auf #FF9494 1,74:1 Nicht bestanden

Aa #94F9FF auf #E894FF 1,71:1 Nicht bestanden

Aa #94FF94 auf #FF9494 1,71:1 Nicht bestanden

Aa #94FF94 auf #E894FF 1,68:1 Nicht bestanden

Aa #FF94F9 auf #AAFFC3 1,64:1 Nicht bestanden

Aa #E9E0E0 auf #FF9494 1,63:1 Nicht bestanden

Aa #E9E0E0 auf #E894FF 1,60:1 Nicht bestanden

Aa #FF94F9 auf #94F9FF 1,59:1 Nicht bestanden

Aa #FF94F9 auf #94FF94 1,57:1 Nicht bestanden

Aa #E9E0E0 auf #FF94F9 1,49:1 Nicht bestanden

Aa #FF94F9 auf #9494FF 1,37:1 Nicht bestanden

Aa #9494FF auf #E894FF 1,27:1 Nicht bestanden

Aa #9494FF auf #FF9494 1,25:1 Nicht bestanden

Aa #E9E0E0 auf #F9FF94 1,22:1 Nicht bestanden

Aa #F9FF94 auf #94FF94 1,16:1 Nicht bestanden

Aa #F9FF94 auf #94F9FF 1,15:1 Nicht bestanden

Aa #F9FF94 auf #AAFFC3 1,11:1 Nicht bestanden

Aa #E9E0E0 auf #AAFFC3 1,10:1 Nicht bestanden

Aa #FF94F9 auf #FF9494 1,09:1 Nicht bestanden

Aa #FF94F9 auf #E894FF 1,07:1 Nicht bestanden

Aa #E9E0E0 auf #94F9FF 1,06:1 Nicht bestanden

Aa #E9E0E0 auf #94FF94 1,05:1 Nicht bestanden

Aa #94FF94 auf #AAFFC3 1,05:1 Nicht bestanden

Aa #94F9FF auf #AAFFC3 1,03:1 Nicht bestanden

Aa #94F9FF auf #94FF94 1,02:1 Nicht bestanden

Aa #FF9494 auf #E894FF 1,02:1 Nicht bestanden

Couleurs De Bebe

Couleurs De Bebe

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen