Created at 12/27/2017 19:56
1
Pink palette Materialize CSS
pink lighten-5
#fce4ec
pink lighten-4
#f8bbd0
pink lighten-3
#f48fb1
pink lighten-2
#f06292
pink lighten-1
#ec407a
pink
#e91e63
pink darken-1
#d81b60
pink darken-2
#c2185b
pink darken-3
#ad1457
pink darken-4
#880e4f
pink accent-1
#ff80ab
pink accent-2
#ff4081
pink accent-3
#f50057
pink accent-4
#c51162
The palette consists of Light, Dark colors. Accent colors pink accent-1 #ff80ab and pink accent-2 #ff4081. Palette has Neutral, Warm colors temperature.
Palette Pink palette Materialize CSS has combination of 14 codes colors:
HEX: #fce4ec, RGB: (252, 228, 236); HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #f06292, RGB: (240, 98, 146); HEX: #ec407a, RGB: (236, 64, 122); HEX: #e91e63, RGB: (233, 30, 99)
HEX: #d81b60, RGB: (216, 27, 96); HEX: #c2185b, RGB: (194, 24, 91); HEX: #ad1457, RGB: (173, 20, 87)
HEX: #880e4f, RGB: (136, 14, 79); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #ff4081, RGB: (255, 64, 129)
HEX: #f50057, RGB: (245, 0, 87); HEX: #c51162, RGB: (197, 17, 98)
Simplified version of palette colors
Tint of lavenderblush, Tint of Pink, Shade of palevioletred, Tint of palevioletred, Shade of deeppink, Shade of crimson, Shade of crimson, Tint of mediumvioletred, Tint of mediumvioletred, Shade of Purple, Shade of hotpink, Shade of deeppink, Tint of crimson, Tint of mediumvioletred
Color scheme was created by mz
Colors codes in palette
Pink palette Materialize CSS color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fce4ec | RGB(252, 228, 236) | pink lighten-5 | — | |
| #f8bbd0 | RGB(248, 187, 208) | pink lighten-4 | — | |
| #f48fb1 | RGB(244, 143, 177) | pink lighten-3 | — | |
| #f06292 | RGB(240, 98, 146) | pink lighten-2 | — | |
| #ec407a | RGB(236, 64, 122) | pink lighten-1 | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #d81b60 | RGB(216, 27, 96) | pink darken-1 | — | |
| #c2185b | RGB(194, 24, 91) | pink darken-2 | — | |
| #ad1457 | RGB(173, 20, 87) | pink darken-3 | — | |
| #880e4f | RGB(136, 14, 79) | pink darken-4 | — | |
| #ff80ab | RGB(255, 128, 171) | pink accent-1 | — | |
| #ff4081 | RGB(255, 64, 129) | pink accent-2 | — | |
| #f50057 | RGB(245, 0, 87) | pink accent-3 | — | |
| #c51162 | RGB(197, 17, 98) | pink accent-4 | — |
Color Palette Contrast
55 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fce4ec | #f8bbd0 | 1.34 |
#fce4ec | #f48fb1 | 1.85 |
#fce4ec | #ff80ab | 1.95 |
#f8bbd0 | #f48fb1 | 1.38 |
#f8bbd0 | #f06292 | 1.89 |
#f8bbd0 | #ff80ab | 1.45 |
