🔥🔥 I just released my YouTube Video on FullStack Web & App Development, Computer Trick & Tips! Start Learning Now ⇾

Paul'S Resources for ..

&

This website is Powered by MEMENTO CLASSES

Red color

Darken Color
Lighten Color
Accent Color
Color

							#e53935 
 red darken-1
						
							#ef5350 
 red lighten-1
						
							#ff8a80 
 red accent-1

							#d32f2f 
 red darken-2
						
							#e57373 
 red lighten-2
						
							#ff5252 
 red accent-2

							#c62828 
 red darken-3
						
							#ef9a9a 
 red lighten-3
						
							#ff1744 
 red accent-3

							#b71c1c 
 red darken-4
						
							#ffcdd2 
 red lighten-4
						
							#d50000 
 red accent-4

							#ffebee 
 red lighten-5
						

#f44336
red

pink color

Darken Color
Lighten Color
Accent Color
Color

							#d81b60 
 pink darken-1
						
							#ec407a 
 pink lighten-1
						
							#ff80ab 
 pink accent-1

							#c2185b 
 pink darken-2
						
							#f06292 
 pink lighten-2
						
							#ff4081 
 pink accent-2

							#ad1457 
 pink darken-3
						
							#f48fb1 
 pink lighten-3
						
							#f50057 
 pink accent-3

							#880e4f 
 pink darken-4
						
							#f8bbd0 
 pink lighten-4
						
							#c51162 
 pink accent-4

							#fce4ec 
 pink lighten-5
						

#e91e63
pink

purple color

Darken Color
Lighten Color
Accent Color
Color

								#8e24aa 
 purple
									darken-1
							

								#ab47bc 
 purple
									lighten-1
							

								#ea80fc 
 purple
									accent-1
							

								#7b1fa2 
 purple
									darken-2
							

								#ba68c8 
 purple
									lighten-2
							

								#e040fb 
 purple
									accent-2
							

								#6a1b9a 
 purple
									darken-3
							

								#ce93d8 
 purple
									lighten-3
							

								#d500f9 
 purple
									accent-3
							

								#4a148c 
 purple
									darken-4
							

								#e1bee7 
 purple
									lighten-4
							

								#aa00ff 
 purple
									accent-4
							

								#f3e5f5 
 purple
									lighten-5
							

#9c27b0
purple

deep purple

Darken Color
Lighten Color
Accent Color
Color

								#5e35b1 
 deep-purple
									darken-1
							

								#7e57c2 
 deep-purple
									lighten-1
							

								#b388ff 
 deep-purple
									accent-1
							

								#512da8 
 deep-purple
									darken-2
							

								#9575cd 
 deep-purple
									lighten-2
							

								#7c4dff 
 deep-purple
									accent-2
							

								#4527a0 
 deep-purple
									darken-3
							

								#b39ddb 
 deep-purple
									lighten-3
							

								#651fff 
 deep-purple
									accent-3
							

								#311b92 
 deep-purple
									darken-4
							

								#d1c4e9 
 deep-purple
									lighten-4
							

								#6200ea 
 deep-purple
									accent-4
							

								#ede7f6 
 deep-purple
									lighten-5
							

#673ab7
deep-purple

indigo color

Darken Color
Lighten Color
Accent Color
Color

							#3949ab 
 indigo
								darken-1
						

							#5c6bc0 
 indigo
								lighten-1
						

							#8c9eff 
 indigo
								accent-1
						

							#303f9f 
 indigo
								darken-2
						

							#7986cb 
 indigo
								lighten-2
						

							#536dfe 
 indigo
								accent-2
						

							#283593 
 indigo
								darken-3
						

							#9fa8da 
 indigo
								lighten-3
						

							#3d5afe 
 indigo
								accent-3
						

							#1a237e 
 indigo
								darken-4
						

							#c5cae9 
 indigo
								lighten-4
						

							#304ffe 
 indigo
								accent-4
						

							#e8eaf6 
 indigo
								lighten-5
						

#3f51b5
indigo

blue color

Darken Color
Lighten Color
Accent Color
Color

								#1e88e5 
 blue
									darken-1
							

								#42a5f5 
 blue
									lighten-1
							

								#82b1ff 
 blue
									accent-1
							

								#1976d2 
 blue
									darken-2
							

								#64b5f6 
 blue
									lighten-2
							

								#448aff 
 blue
									accent-2
							

								#1565c0 
 blue
									darken-3
							

								#90caf9 
 blue
									lighten-3
							

								#2979ff 
 blue
									accent-3
							

								#0d47a1 
 blue
									darken-4
							

								#bbdefb 
 blue
									lighten-4
							

								#2962ff 
 blue
									accent-4
							

								#e3f2fd 
 blue
									lighten-5
							

#2196f3
blue

light-blue color

Darken Color
Lighten Color
Accent Color
Color

								#039be5 
 light-blue
									darken-1
							

								#29b6f6 
 light-blue
									lighten-1
							

								#80d8ff 
 light-blue
									accent-1
							

								#0288d1 
 light-blue
									darken-2
							

								#4fc3f7 
 light-blue
									lighten-2
							

								#40c4ff 
 light-blue
									accent-2
							

								#0277bd 
 light-blue
									darken-3
							

								#81d4fa 
 light-blue
									lighten-3
							

								#00b0ff 
 light-blue
									accent-3
							

								#01579b 
 light-blue
									darken-4
							

								#b3e5fc 
 light-blue
									lighten-4
							

								#0091ea 
 light-blue
									accent-4
							

								#e1f5fe 
 light-blue
									lighten-5
							

#03a9f4
light-blue

cyan color

Darken Color
Lighten Color
Accent Color
Color

							#00acc1 
 cyan
								darken-1
						

							#26c6da 
 cyan
								lighten-1
						

							#84ffff 
 cyan
								accent-1
						

							#0097a7 
 cyan
								darken-2
						

							#4dd0e1 
 cyan
								lighten-2
						

							#18ffff 
 cyan
								accent-2
						

							#00838f 
 cyan
								darken-3
						

							#80deea 
 cyan
								lighten-3
						

							#00e5ff 
 cyan
								accent-3
						

							#006064 
 cyan
								darken-4
						

							#b2ebf2 
 cyan
								lighten-4
						

							#00b8d4 
 cyan
								accent-4
						

							#e0f7fa 
 cyan
								lighten-5
						

#00bcd4
cyan

teal color

Darken Color
Lighten Color
Accent Color
Color

							#00897b 
 teal
								darken-1
						

							#26a69a 
 teal
								lighten-1
						

							#a7ffeb 
 teal
								accent-1
						

							#00796b 
 teal
								darken-2
						

							#4db6ac 
 teal
								lighten-2
						

							#64ffda 
 teal
								accent-2
						

							#00695c 
 teal
								darken-3
						

							#80cbc4 
 teal
								lighten-3
						

							#1de9b6 
 teal
								accent-3
						

							#004d40 
 teal
								darken-4
						

							#b2dfdb 
 teal
								lighten-4
						

							#00bfa5 
 teal
								accent-4
						

							#e0f2f1 
 teal
								lighten-5
						

#009688
teal

green color

Darken Color
Lighten Color
Accent Color
Color

								#43a047 
 green
									darken-1
							

								#66bb6a 
 green
									lighten-1
							

								#b9f6ca 
 green
									accent-1
							

								#388e3c 
 green
									darken-2
							

								#81c784 
 green
									lighten-2
							

								#69f0ae 
 green
									accent-2
							

								#2e7d32 
 green
									darken-3
							

								#a5d6a7 
 green
									lighten-3
							

								#00e676 
 green
									accent-3
							

								#1b5e20 
 green
									darken-4
							

								#c8e6c9 
 green
									lighten-4
							

								#00c853 
 green
									accent-4
							

								#e8f5e9 
 green
									lighten-5
							

#4caf50
green

light-green color

Darken Color
Lighten Color
Accent Color
Color

								#7cb342 
 light-green
									darken-1
							

								#9ccc65 
 light-green
									lighten-1
							

								#ccff90 
 light-green
									accent-1
							

								#689f38 
 light-green
									darken-2
							

								#aed581 
 light-green
									lighten-2
							

								#b2ff59 
 light-green
									accent-2
							

								#558b2f 
 light-green
									darken-3
							

								#c5e1a5 
 light-green
									lighten-3
							

								#76ff03 
 light-green
									accent-3
							

								#33691e 
 light-green
									darken-4
							

								#dcedc8 
 light-green
									lighten-4
							

								#64dd17 
 light-green
									accent-4
							

								#f1f8e9 
 light-green
									lighten-5
							

#8bc34a
light-green

lime color

Darken Color
Lighten Color
Accent Color
Color

							#c0ca33 
 lime
								darken-1
						

							#d4e157 
 lime
								lighten-1
						

							#f4ff81 
 lime
								accent-1
						

							#afb42b 
 lime
								darken-2
						

							#dce775 
 lime
								lighten-2
						

							#eeff41 
 lime
								accent-2
						

							#9e9d24 
 lime
								darken-3
						

							#e6ee9c 
 lime
								lighten-3
						

							#c6ff00 
 lime
								accent-3
						

							#827717 
 lime
								darken-4
						

							#f0f4c3 
 lime
								lighten-4
						

							#aeea00 
 lime
								accent-4
						

							#f9fbe7 
 lime
								lighten-5
						

#cddc39
lime

yellow color

Darken Color
Lighten Color
Accent Color
Color

							#fdd835 
 yellow
								darken-1
						

							#ffee58 
 yellow
								lighten-1
						

							#ffff8d 
 yellow
								accent-1
						

							#fbc02d 
 yellow
								darken-2
						

							#fff176 
 yellow
								lighten-2
						

							#ffff00 
 yellow
								accent-2
						

							#f9a825 
 yellow
								darken-3
						

							#fff59d 
 yellow
								lighten-3
						

							#ffea00 
 yellow
								accent-3
						

							#f57f17 
 yellow
								darken-4
						

							#fff9c4 
 yellow
								lighten-4
						

							#ffd600 
 yellow
								accent-4
						

							#fffde7 
 yellow
								lighten-5
						

#ffeb3b
yellow

amber color

Darken Color
Lighten Color
Accent Color
Color

							#ffb300 
 amber
								darken-1
						

							#ffca28 
 amber
								lighten-1
						

							#ffe57f 
 amber
								accent-1
						

							#ffa000 
 amber
								darken-2
						

							#ffd54f 
 amber
								lighten-2
						

							#ffd740 
 amber
								accent-2
						

							#ff8f00 
 amber
								darken-3
						

							#ffe082 
 amber
								lighten-3
						

							#ffc400 
 amber
								accent-3
						

							#ff6f00 
 amber
								darken-4
						

							#ffecb3 
 amber
								lighten-4
						

							#ffab00 
 amber
								accent-4
						

							#fff8e1 
 amber
								lighten-5
						

#ffc107
amber

orange color

Darken Color
Lighten Color
Accent Color
Color

								#fb8c00 
 orange
									darken-1
							

								#ffa726 
 orange
									lighten-1
							

								#ffd180 
 orange
									accent-1
							

								#f57c00 
 orange
									darken-2
							

								#ffb74d 
 orange
									lighten-2
							

								#ffab40 
 orange
									accent-2
							

								#ef6c00 
 orange
									darken-3
							

								#ffcc80 
 orange
									lighten-3
							

								#ff9100 
 orange
									accent-3
							

								#e65100 
 orange
									darken-4
							

								#ffe0b2 
 orange
									lighten-4
							

								#ff6d00 
 orange
									accent-4
							

								#fff3e0 
 orange
									lighten-5
							

#ff9800
orange

deep-orange color

Darken Color
Lighten Color
Accent Color
Color

								#f4511e 
 deep-orange
									darken-1
							

								#ff7043 
 deep-orange
									lighten-1
							

								#ff9e80 
 deep-orange
									accent-1
							

								#e64a19 
 deep-orange
									darken-2
							

								#ff8a65 
 deep-orange
									lighten-2
							

								#ff6e40 
 deep-orange
									accent-2
							

								#d84315 
 deep-orange
									darken-3
							

								#ffab91 
 deep-orange
									lighten-3
							

								#ff3d00 
 deep-orange
									accent-3
							

								#bf360c 
 deep-orange
									darken-4
							

								#ffccbc 
 deep-orange
									lighten-4
							

								#dd2c00 
 deep-orange
									accent-4
							

								#fbe9e7 
 deep-orange
									lighten-5
							

#ff5722
deep-orange

brown color

Darken Color
Lighten Color
Color

#6d4c41
brown darken-1

#8d6e63
brown lighten-1

#5d4037
brown darken-2

#a1887f
brown lighten-2

#4e342e
brown darken-3

#bcaaa4
brown lighten-3

#3e2723
brown darken-4

#d7ccc8
brown lighten-4

							#efebe9 
 brown
								lighten-5
						

#795548
brown

grey color

Darken Color
Lighten Color
Color

#757575
grey darken-1

#bdbdbd
grey lighten-1

#616161
grey darken-2

#e0e0e0
grey lighten-2

#424242
grey darken-3

#eeeeee
grey lighten-3

#212121
grey darken-4

#f5f5f5
grey lighten-4

								#fafafa 
 grey
									lighten-5
							

#9e9e9e
grey

blue-grey color

Darken Color
Lighten Color
Color

#546e7a
blue-grey darken-1

#78909c
blue-grey lighten-1

#455a64
blue-grey darken-2

#90a4ae
blue-grey lighten-2

#37474f
blue-grey darken-3

#b0bec5
blue-grey lighten-3

#263238
blue-grey darken-4

#cfd8dc
blue-grey lighten-4

								#eceff1 
 blue-grey
									lighten-5
							

#607d8b
blue-grey

miscellaneous color

				
					#000000 
 black
				
					#ffffff 
 white
				
				transparent

Watch Video for more information

Download ColorHub Source File:

Download

Get a Demo:

Demo

Documentation

Usages :

Each of these colors is defined with a base color class and an optional lighten or darken class or accent class as well as hex color code.

Note: First Download the Source file from "D.video" section. 👆👆👆

Background Color :

To apply a background color, just add the color name and accent/light/darkness as a class to the element.

						<div class="red">red color displayed as a background color.</div>

Example:

red color displayed as a background color.

Text Color :

To apply a text color, just append -text to the color class like this:

						<div class="blue-text">blue color as a text color displayed.</div>