Palette „Husky“ mit 4 Farben

Palette „Husky“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Analog

Palette „Husky“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Analog

Bearbeiten
Pastell 4 Farben Kühl Hell Analog
Likes 6.631
Farben 4


CSS-Variablen

:root {
  --c-pastel-1: #DEECFC;
  --c-pastel-2: #B9CEEB;
  --c-pastel-3: #87A8D0;
  --c-pastel-4: #C3B4D2;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Husky (#DEECFC) bis zum dunkelsten Ton Placid Blue (#87A8D0). Sie vereint Husky, Modern Blue, Placid Blue und Plumeria in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 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

Husky #DEECFC
RGB
rgb(222, 236, 252)
HSL
hsl(212, 83%, 93%)
Luminanz
0,826
Modern Blue #B9CEEB
RGB
rgb(185, 206, 235)
HSL
hsl(215, 56%, 82%)
Luminanz
0,605
Placid Blue #87A8D0
RGB
rgb(135, 168, 208)
HSL
hsl(213, 44%, 67%)
Luminanz
0,377
Plumeria #C3B4D2
RGB
rgb(195, 180, 210)
HSL
hsl(270, 25%, 76%)
Luminanz
0,489

Kontrast & Barrierefreiheit

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

Aa #DEECFC auf #87A8D0 2,05:1 Nicht bestanden
Aa #DEECFC auf #C3B4D2 1,62:1 Nicht bestanden
Aa #B9CEEB auf #87A8D0 1,53:1 Nicht bestanden
Aa #DEECFC auf #B9CEEB 1,34:1 Nicht bestanden
Aa #87A8D0 auf #C3B4D2 1,26:1 Nicht bestanden
Aa #B9CEEB auf #C3B4D2 1,21:1 Nicht bestanden

Ähnliche Paletten

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 Farben
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 Farben
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 Farben
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 Farben
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 Farben
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 Farben
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 Farben
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 Farben