In the Pink
#F4C4D4
Likes
503
Farben
6
CSS-Variablen
:root {
--c-earthy-1: #F4C4D4;
--c-earthy-2: #EA92AB;
--c-earthy-3: #AF7FC2;
--c-earthy-4: #9085D0;
--c-earthy-5: #8C76BE;
--c-earthy-6: #61567D;
}Über diese Palette
Diese erdige Palette mit 6 Farben reicht vom hellsten Ton In the Pink (#F4C4D4) bis zum dunkelsten Ton Purple Sky (#61567D). Sie vereint In the Pink, Charm Pink, Wisteria, Amethyst Grey, Middle Blue Purple und Purple Sky in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 15 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.
Farben im Detail
Charm Pink
#EA92AB
Wisteria
#AF7FC2
Amethyst Grey
#9085D0
Middle Blue Purple
#8C76BE
Purple Sky
#61567D
Kontrast & Barrierefreiheit
0 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#F4C4D4 auf #61567D
4,37:1
AA (großer Text)
Aa
#EA92AB auf #61567D
2,93:1
Nicht bestanden
Aa
#F4C4D4 auf #8C76BE
2,51:1
Nicht bestanden
Aa
#F4C4D4 auf #9085D0
2,12:1
Nicht bestanden
Aa
#AF7FC2 auf #61567D
2,12:1
Nicht bestanden
Aa
#F4C4D4 auf #AF7FC2
2,06:1
Nicht bestanden
Aa
#9085D0 auf #61567D
2,06:1
Nicht bestanden
Aa
#8C76BE auf #61567D
1,74:1
Nicht bestanden
Aa
#EA92AB auf #8C76BE
1,69:1
Nicht bestanden
Aa
#F4C4D4 auf #EA92AB
1,49:1
Nicht bestanden
Aa
#EA92AB auf #9085D0
1,43:1
Nicht bestanden
Aa
#EA92AB auf #AF7FC2
1,39:1
Nicht bestanden
Aa
#AF7FC2 auf #8C76BE
1,22:1
Nicht bestanden
Aa
#9085D0 auf #8C76BE
1,18:1
Nicht bestanden
Aa
#AF7FC2 auf #9085D0
1,03:1
Nicht bestanden
Ähnliche Paletten
#E3FDFD
#CBF1F5
#A6E3E9
#71C9CE
#F4EEFF
#DCD6F7
#A6B1E1
#424874
#B1B2FF
#AAC4FF
#D2DAFF
#EEF1FF
#6096B4
#93BFCF
#BDCDD6
#EEE9DA
#A8D8EA
#AA96DA
#FCBAD3
#FFFFD2
#DEFCF9
#CADEFC
#C3BEF0
#CCA8E9
#F7FBFC
#D6E6F2
#B9D7EA
#769FCD
#C4DFDF
#D2E9E9
#E3F4F4
#F8F6F4