Purple Color Page

Background Color

Purple Color

.bg-purple

#9C27B0

#AB47BC

Purple Lighten 1

.bg-purple.bg-lighten-1

#BA68C8

Purple Lighten 2

.bg-purple.bg-lighten-2

#CE93D8

Purple Lighten 3

.bg-purple.bg-lighten-3

#E1BEE7

Purple Lighten 4

.bg-purple.bg-lighten-4

#8E24AA

Purple Lighten 1

.bg-purple.bg-lighten-1

#7B1FA2

Purple Lighten 2

.bg-purple.bg-lighten-2

#6A1B9A

Purple Lighten 3

.bg-purple.bg-lighten-3

#4A148C

Purple Lighten 4

.bg-purple.bg-lighten-4

#EA80FC

Purple Lighten 1

.bg-purple.bg-lighten-1

#E040FB

Purple Lighten 2

.bg-purple.bg-lighten-2

#D500F9

Purple Lighten 3

.bg-purple.bg-lighten-3

#DD00FF

Purple Lighten 4

.bg-purple.bg-lighten-4

Border Color

Purple Color

.border-purple

#9C27B0

#AB47BC

Purple Lighten 1

.border-purple.border-lighten-1

#BA68C8

Purple Lighten 2

.border-purple.border-lighten-2

#CE93D8

Purple Lighten 3

.border-purple.border-lighten-3

#E1BEE7

Purple Lighten 4

.border-purple.border-lighten-4

#8E24AA

Purple Darken 1

.border-purple.border-darken-1

#7B1FA2

Purple Darken 2

.border-purple.border-darken-2

#6A1B9A

Purple Darken 3

.border-purple.border-darken-3

#4A148C

Purple Darken 4

.border-purple.border-darken-4

#EA80FC

Purple Accent 1

.border-purple.border-accent-1

#E040FB

Purple Accent 2

.border-purple.border-accent-2

#D500F9

Purple Accent 3

.border-purple.border-accent-3

#DD00FF

Purple Accent 4

.border-purple.border-accent-4

Text Color

Purple Color

.purple

#9C27B0

#AB47BC

Purple Lighten 1

.purple.lighten-1

#BA68C8

Purple Lighten 2

.purple.lighten-2

#CE93D8

Purple Lighten 3

.purple.lighten-3

#E1BEE7

Purple Lighten 4

.purple.lighten-4

#8E24AA

purple Darken 1

.purple.darken-1

#7B1FA2

purple Darken 2

.purple.darken-2

#6A1B9A

purple Darken 3

.purple.darken-3

#4A148C

purple Darken 4

.purple.darken-4

#EA80FC

purple Accent 1

.purple.accent-1

#E040FB

purple Accent 2

.purple.accent-2

#D500F9

purple Accent 3

.purple.accent-3

#DD00FF

purple Accent 4

.purple.accent-4

Chameleon