Rosy Maple Moth
#F9CAEF
Likes
40
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #F9CAEF;
--c-vibrant-2: #F6B4FF;
--c-vibrant-3: #FD84F9;
--c-vibrant-4: #3C2CC9;
--c-vibrant-5: #0A4BFF;
--c-vibrant-6: #6061EF;
--c-vibrant-7: #A29BFF;
--c-vibrant-8: #72F8E3;
--c-vibrant-9: #A3F9FF;
--c-vibrant-10: #EEFFA3;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Hitchcock Milk (#EEFFA3) bis zum dunkelsten Ton Blue Depression (#3C2CC9). Sie vereint Rosy Maple Moth, Strawberry Buttercream, Technolust, Blue Depression, Magic Ink, Blue Hepatica, Cobalite, Spindrift, Eternal Winter und Hitchcock Milk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3C2CC9 auf #EEFFA3 mit 8,13:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Strawberry Buttercream
#F6B4FF
Technolust
#FD84F9
Blue Depression
#3C2CC9
Magic Ink
#0A4BFF
Blue Hepatica
#6061EF
Cobalite
#A29BFF
Spindrift
#72F8E3
Eternal Winter
#A3F9FF
Hitchcock Milk
#EEFFA3
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#3C2CC9 auf #EEFFA3
8,13:1
AAA
Aa
#3C2CC9 auf #A3F9FF
7,33:1
AAA
Aa
#3C2CC9 auf #72F8E3
6,78:1
AA
Aa
#F9CAEF auf #3C2CC9
6,15:1
AA
Aa
#0A4BFF auf #EEFFA3
5,62:1
AA
Aa
#F6B4FF auf #3C2CC9
5,38:1
AA
Aa
#0A4BFF auf #A3F9FF
5,07:1
AA
Aa
#0A4BFF auf #72F8E3
4,69:1
AA
Aa
#6061EF auf #EEFFA3
4,37:1
AA (großer Text)
Aa
#F9CAEF auf #0A4BFF
4,25:1
AA (großer Text)
Aa
#FD84F9 auf #3C2CC9
4,11:1
AA (großer Text)
Aa
#6061EF auf #A3F9FF
3,94:1
AA (großer Text)
Aa
#F6B4FF auf #0A4BFF
3,72:1
AA (großer Text)
Aa
#6061EF auf #72F8E3
3,65:1
AA (großer Text)
Aa
#3C2CC9 auf #A29BFF
3,62:1
AA (großer Text)
Aa
#F9CAEF auf #6061EF
3,31:1
AA (großer Text)
Aa
#F6B4FF auf #6061EF
2,89:1
Nicht bestanden
Aa
#FD84F9 auf #0A4BFF
2,84:1
Nicht bestanden
Aa
#0A4BFF auf #A29BFF
2,50:1
Nicht bestanden
Aa
#A29BFF auf #EEFFA3
2,25:1
Nicht bestanden
Aa
#FD84F9 auf #6061EF
2,21:1
Nicht bestanden
Aa
#A29BFF auf #A3F9FF
2,02:1
Nicht bestanden
Aa
#FD84F9 auf #EEFFA3
1,98:1
Nicht bestanden
Aa
#6061EF auf #A29BFF
1,95:1
Nicht bestanden
Aa
#A29BFF auf #72F8E3
1,87:1
Nicht bestanden
Aa
#3C2CC9 auf #6061EF
1,86:1
Nicht bestanden
Aa
#FD84F9 auf #A3F9FF
1,78:1
Nicht bestanden
Aa
#F9CAEF auf #A29BFF
1,70:1
Nicht bestanden
Aa
#FD84F9 auf #72F8E3
1,65:1
Nicht bestanden
Aa
#F6B4FF auf #EEFFA3
1,51:1
Nicht bestanden
Aa
#F9CAEF auf #FD84F9
1,50:1
Nicht bestanden
Aa
#F6B4FF auf #A29BFF
1,49:1
Nicht bestanden
Aa
#3C2CC9 auf #0A4BFF
1,45:1
Nicht bestanden
Aa
#F6B4FF auf #A3F9FF
1,36:1
Nicht bestanden
Aa
#F9CAEF auf #EEFFA3
1,32:1
Nicht bestanden
Aa
#F6B4FF auf #FD84F9
1,31:1
Nicht bestanden
Aa
#0A4BFF auf #6061EF
1,29:1
Nicht bestanden
Aa
#F6B4FF auf #72F8E3
1,26:1
Nicht bestanden
Aa
#72F8E3 auf #EEFFA3
1,20:1
Nicht bestanden
Aa
#F9CAEF auf #A3F9FF
1,19:1
Nicht bestanden
Aa
#F9CAEF auf #F6B4FF
1,14:1
Nicht bestanden
Aa
#FD84F9 auf #A29BFF
1,14:1
Nicht bestanden
Aa
#A3F9FF auf #EEFFA3
1,11:1
Nicht bestanden
Aa
#F9CAEF auf #72F8E3
1,10:1
Nicht bestanden
Aa
#72F8E3 auf #A3F9FF
1,08: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